糊里糊涂 发表于 2019-6-28 16:32

天南地北唱中华

本帖最后由 糊里糊涂 于 2019-6-28 16:41 编辑 <br /><br /><div style="POSITION: relative; WIDTH: 900 px; TOP:0px; LEFT: -0px" twffan="done">
<p align="center"> <img style="margin:0px 10px;width:900px;height:850px;float:none;cssfloat:none;" alt=""
src="https://www.yinling.com.cn/data/attachment/forum/201906/28/162643q9clpp2zap999gtu.jpg">
<div style="POSITION: relative; WIDTH: 670 px; TOP:-718px; LEFT: 84px" twffan="done">
<style type="text/css">
#vlist        {width:670px;}
.vtitle        {
        color:darkblue;
        width:450px;
        line-height:2em;
        font:bold 1.2em 楷体,楷体_gb2312;
        cursor:pointer;
}
#vframe        {
        width:670px;height:540px;overflow:hidden;margin:16px auto 32px auto;
        border:thick brown groove;
        position:relative;
        background-color:black;
}
#e_video        {
        width:670px;height:500px;
        position:absolute;
        left:0; top:0;
}
#dvlist        {
        width:670px;height:540px;overflow-y:scroll;
        position:absolute;
        left:0; top:0;
        background-color:gray;
        visibility:hidden;
        padding-left:24px;
}
#menubutton        {
        margin:12px auto;
        position:absolute;
        right:20px;bottom:0px;
        background-color:gray;
}
#vtxt        {
        position:absolute;
        left:10px;bottom:5px;
        color:brown;
        font:bold 1em 微软雅黑;
}
</style>
<div id="vframe">
        <div id="dvlist">
                <ol id="vlist">
                        <li class="vtitle">《中华民族唱起来》王雅洁</li class="vtitle">
                        <li class="vtitle">《幸福中国一起走》张也</li class="vtitle">
                        <li class="vtitle">《信仰》平安 喻越越</li class="vtitle">
                        <li class="vtitle">《天南地北唱中华》乌兰图雅</li class="vtitle">
                        <li class="vtitle">《我们的新时代》阎维文</li class="vtitle">
                        <li class="vtitle">《赞赞新时代》李易峰 景甜 江疏影</li class="vtitle">
                        <li class="vtitle">《因为有你》袁娅维</li class="vtitle">
                </ol>
        </div>
        <span id="vtxt"></span>
        <button id="menubutton">剧集选择</button>
</div>


<script type="text/javascript">
var flashParas = [
'videoId=vid&isAutoPlay=true&videoCenterId=9713b5db70f24e85835317f5eae3194a' ,
'videoId=vid&isAutoPlay=true&videoCenterId=1c7b01c0d7be44b2951fbd9a86b84c1d' ,
'videoId=vid&isAutoPlay=true&videoCenterId=718c12769e984bf58229439497d53654' ,
'videoId=vid&isAutoPlay=true&videoCenterId=35bfbfe7791340a4a4ea0ebc03d8b4da' ,
'videoId=vid&isAutoPlay=true&videoCenterId=488305cb4ebb4a378a8595a8d802dc27' ,
'videoId=vid&isAutoPlay=true&videoCenterId=67a6c108960d499bb5f1233e4f8b55f1' ,
'videoId=vid&isAutoPlay=true&videoCenterId=9745cf6d247e455583091f30e40a5ab2' ];

        var vitems = document.getElementsByClassName('vtitle');
        var dvlist = document.getElementById('dvlist');
        var vframe = document.getElementById('vframe');
        var menubutton = document.getElementById('menubutton');
        var e_video = document.getElementsByClassName('e_video');
       
        var lastSel = 0;
        vitems.style.color = 'red';
        vitems.click();
        for(n = 0; n < flashParas.length; n++)        {
                vitems.id = 'vi' + n;
        }

        for(n = 0; n < flashParas.length; n++)        {
                vitems.onclick = function(e)        {
                        dvlist.style.visibility = 'hidden';
                        vidx =parseInt(e.target.id.substr(2));
                                       
                        vitems.style.color = 'darkblue';
                        vitems.style.color = 'red';
                        lastSel = vidx;
                                                       
                        e_video = document.createElement('embed');
                        e_video.src='https://player.cntv.cn/standard/cntvOutSidePlayer.swf?' + flashParas;
                        e_video.id = 'e_video';
                        vframe.appendChild(e_video);
                        document.getElementById('vtxt').innerHTML = "正在播放:" + vitems.innerHTML;
                        document.getElementById('vtxt').style.visibility = 'visible';
                        menubutton.style.visibility = 'visible';
                        return false;
                }
        }
        vitems.click();
        menubutton.onclick = function(e)        {
                dvlist.style.visibility = 'visible';
                vframe.removeChild(e_video);
                e.target.style.visibility = 'hidden';
                document.getElementById('vtxt').style.visibility = 'hidden';
        }

</script></div></p></div>

黔中一叟 发表于 2019-6-28 18:11

拜访朋友,欣赏你的精采。让我的祝福像清风飘送, 让我的问候像绵绵春雨,花香片片,雨润无声,默默祝福于你!

绿地水池 发表于 2019-6-28 19:11

欣赏佳作。为你点赞。

幽园馨兰 发表于 2019-6-28 19:26

问好,欣赏你的精彩制作

幽园馨兰 发表于 2019-6-28 19:27

漂亮的制作画面,好听的歌曲,点赞!

幽园馨兰 发表于 2019-6-28 19:27

感谢精彩分享,感谢带给大家美的享受,遥祝安好!

沉醉的曲 发表于 2019-6-28 19:28

问好,分享老师精彩制作,点赞。

落雨听禅 发表于 2019-6-28 19:38

问好,欣赏你的精美制作

落雨听禅 发表于 2019-6-28 19:38

画一抹明媚,采一丝夏雨,抓一片清风,送给你夏日的祝福。感谢您的精彩分享,中画有您更精彩!

岩新新 发表于 2019-6-29 08:08

分享精彩制作!
页: [1] 2 3
查看完整版本: 天南地北唱中华