张红 发表于 2023-3-23 09: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;">
<video   src="http://storage.live.com/items/1965B2B1656C2AF6!16244?" muted="muted" autoplay="autoplay" loop="loop"width="873"></video>
<div style="position: absolute; width: 873px; top:20px; left: 260px;font-family:楷体;font-size: 46px; color:#0000ff;">《双电子琴舞曲》</div>
</div>
<style>
#mulu { position: absolute;margin-top: -420px;margin-left: 30px;color:#ff0000; min-height:150px; border:3px ; font-size:20px; font-family:迷你简中倩; }
#mulu a { text-decoration: none; cursor:pointer; }
#mulu a:hover { color:#339999; }
</style>
<div id="mulu"></div>
<script>
var muAr =[
["http://aod.cos.tx.xmcdn.com/storages/0ca2-audiofreehighqps/9F/6B/CKwRIRwEu1RJACCk6ADEg7Ql.mp3","望星空"],["http://aod.cos.tx.xmcdn.com/storages/3d04-audiofreehighqps/25/7C/CKwRINsEdc0fAAr7mQCrteJE.mp3","舞女"],["http://aod.cos.tx.xmcdn.com/storages/1699-audiofreehighqps/0B/A5/CKwRIaIEOKEyABu7wwCYb33A.mp3","骏马奔驰保边疆"],["http://aod.cos.tx.xmcdn.com/storages/6ea7-audiofreehighqps/EF/DD/CKwRIW4EOKDZABoElACYb2Nm.mp3","军民大生产+绣金匾"],["http://aod.cos.tx.xmcdn.com/storages/e6be-audiofreehighqps/9C/1E/CKwRIDoEOJpqAB6jbwCYbaii.mp3","风雨兼程"],["http://aod.cos.tx.xmcdn.com/storages/6dec-audiofreehighqps/D8/6A/CKwRINsEOLBzABfxJgCYdXF4.mp3","血染的风采"],["http://aod.cos.tx.xmcdn.com/storages/9590-audiofreehighqps/41/A0/CMCoOR4D9au5AAak-QCFPcvf.mp3","春天的故事"],["http://aod.cos.tx.xmcdn.com/storages/5888-audiofreehighqps/0C/05/CMCoOR8D89LkAAXUzwCEsZpE.mp3","姑娘十八一朵花"],["http://aod.cos.tx.xmcdn.com/storages/47f4-audiofreehighqps/85/AB/CKwRIUED89LfAAfKCQCEsZhJ.mp3","红星照我去战斗"],["http://aod.cos.tx.xmcdn.com/storages/286f-audiofreehighqps/16/F5/CKwRINsE2ZHwACKEFwDQDioO.mp3","女驸马"],["http://aod.cos.tx.xmcdn.com/storages/838f-audiofreehighqps/E5/52/CKwRIRwE2Y6_ABOfBwDQDKxL.mp3","梦驼铃"],["http://aod.cos.tx.xmcdn.com/storages/1d34-audiofreehighqps/B3/1B/CKwRIasE2Y5FABSoVQDQDHDt.mp3","曼丽"],["http://aod.cos.tx.xmcdn.com/storages/2faf-audiofreehighqps/E2/01/CKwRIJEEpPksAB3eswC8UYQy.mp3","当兵的人"],["http://aod.cos.tx.xmcdn.com/storages/51b6-audiofreehighqps/22/9B/CKwRIaIEpPkdABIhzQC8UXtJ.mp3","弹起我心爱的土琵琶"]
];
var mLi = document.getElementById('mulu');
var aud = document.createElement('audio');
var playIdx= 0;
var str = "";
for(j=0; j<muAr.length; j++) {
      str += (j+1) + ".<a id='list" + j + "' onclick='PlayMP3(" + j + ")' >" + muAr + "</a><br />";
}
mLi.innerHTML += str;
function PlayMP3(ids){
       playIdx= ids;
      aud.src = muAr;
      aud.play();
      nameys(playIdx);
}
aud.onended = function(){
      aud.pause()
      playIdx ++
      if(playIdx>= muAr.length) playIdx = 0;
      aud.src = muAr;
      aud.play();
       nameys(playIdx);
}
function nameys(){
      for(k=0;k<muAr.length;k++){
                let listid = "list" + k;
                document.getElementById(listid).style.removeProperty("color");
      }
      listid = "list" + playIdx;
      document.getElementById(listid).style.color ="blue"
}
PlayMP3(playIdx);
</script>

绿地水池 发表于 2023-3-23 11:23

欣赏佳作，为你点赞。

巫荣云师 发表于 2023-3-23 21:14

欣赏收藏老师的佳作《双电子琴舞曲》。:handshake{:1_293:}问好点赞!

蓝魔 发表于 2023-3-23 21:26

欣赏一下。

容轩听雨 发表于 2023-3-24 09:46

画面活跃，琴声悠扬，甜润清心，赞一个，问好朋友，春祺
页: [1]
查看完整版本: 双电子琴舞曲