张红 发表于 2023-4-13 06:56

王洁实谢丽斯 《故乡恋情》

<div style="position: relative;width: 873px;height: 480px;MARGIN-LEFT:0px;margin-top:33px;box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000;overflow:hidden;border-radius:0%;bgcolor:#B22222; background: #ccc url(')no-repeat center / cover;">
<video id="sp"src="http://storage.live.com/items/1965B2B1656C2AF6!16298?" muted="muted" autoplay="autoplay" loop="loop"width="873"></video>
<ol style="width:280px;height:200px;color:blue;position:absolute;left:30px;top:74px;font-weight:bold;cursor:pointer;font-size: 16px;">
</ol>
<audio id="aud" src="" autoplay="autoplay" ></audio>
<div style="position: absolute; width:750px;top:10px; left:180px;font-family:楷体;font-size: 38px;color:#00ff00;">王洁实谢丽斯 《故乡恋情》</div></div>
<script type="text/javascript">
      var videoArray = [
["http://storage.live.com/items/1965B2B1656C2AF6!7836?","校园的早晨"],
["http://storage.live.com/items/1965B2B1656C2AF6!7837?","原野牧歌"],
["http://storage.live.com/items/1965B2B1656C2AF6!7823?","外婆的澎湖湾"],
["http://storage.live.com/items/1965B2B1656C2AF6!7824?","赤足走在田埂上"],
["http://storage.live.com/items/1965B2B1656C2AF6!7826?","何日才相会"],
["http://storage.live.com/items/1965B2B1656C2AF6!7825?","踏着夕阳归去"],
["http://storage.live.com/items/1965B2B1656C2AF6!7828?","不老的爸爸"],
["http://storage.live.com/items/1965B2B1656C2AF6!7827?","校园多美好"],
["http://storage.live.com/items/1965B2B1656C2AF6!7830?","请跟我来"],
["http://storage.live.com/items/1965B2B1656C2AF6!7829?","故乡恋情"],
["http://storage.live.com/items/1965B2B1656C2AF6!7831?","男孩和女孩"],
["http://storage.live.com/items/1965B2B1656C2AF6!7832?","笑比哭好"],
["http://storage.live.com/items/1965B2B1656C2AF6!7833?","难诉相思"],
["http://storage.live.com/items/1965B2B1656C2AF6!7834?","龙船调"],
["http://storage.live.com/items/1965B2B1656C2AF6!7835?","假如"]
      ];
      var items = new Array();
      var olObj = document.querySelector(' ol');
      for(i = 0 ; i < videoArray.length; i++)      {
                oli = document.createElement('li');
                oTxt = document.createTextNode(videoArray);
                oli.appendChild(oTxt);
                olObj.appendChild(oli);
                items = oli;
      }
      var player = document.querySelector('#aud');
      var curIdx = 0;
      player.focus();
      player.src = videoArray;
      items.style.color = 'red';
      //      一曲播放完的事件处理
      player.onended = function()      {
                items.style.color = 'blue';
                player.pause();
                curIdx++;
                if(curIdx >= items.length) curIdx = 0;
                player.src = videoArray;
                items.style.color = 'red';
                player.play();
      }
      //      每个菜单项添加点击事件处理
      for(n = 0; n < items.length; n++)      {
                items.onclick = function()      {
                        player.pause();
                        items.style.color = 'blue';
                        for(j = 0; j < items.length; j++)      {
                              if(this.innerHTML ==videoArray)      {
                                        player.src = videoArray;
                                        this.style.color = 'red';
                                       curIdx = j;
                                        break;
                              }
                        }
                        player.play();
                }
      }

</script>

容轩听雨 发表于 2023-4-13 20:32

列表一组经典老歌，悦耳动听，赞，问好朋友

巫荣云师 发表于 2023-4-13 20:56

欣赏收藏老师的佳作《故乡恋情》。:handshake{:1_293:}问好点赞!

蓝魔 发表于 2023-4-13 22:25

欣赏一下，谢谢。

绿地水池 发表于 2023-4-15 20:51

欣赏佳作，为你点赞。

天涔 发表于 2023-5-30 14:42

经典老歌，点赞！
页: [1]
查看完整版本: 王洁实谢丽斯 《故乡恋情》