/ 1 页

340 击杀	2529 赏金	301 助攻

竞技鱼·管理员

｡◕‿◕｡星级｡◕‿◕｡

｡◕‿◕｡信息｡◕‿◕｡

星座: 双鱼座
星别: 宅男
星游: 王者荣耀

｡◕‿◕｡成就｡◕‿◕｡

楼主 跳转到 » 倒序看帖

打印

字体大小: tT

竞技鱼发表于 2017-5-2 17:17 | 只看该作者

[建站代码] 测试音乐自动播放

自动播放, 音乐

<style>
.icon_tools .icon_play {
width: 14px;
background-position: -227px 0;
}
.icon_tools a {
display: inline-block;
width: 14px;
height: 14px;
margin: 5px 0 0 2px;
background: url('http://tlb.258club.com/attachments/month_1501/150117030332a936b560c13441.png') right top no-repeat;
}
.icon_tools .icon_stop {
width: 14px;
background-position: -230px -44px;
}
.icon_tools {
width: 60px;
text-align: right;
margin-right: 5px;
}
.fr {
float: right!important;
}
.song_list li {
line-height: 25px;
}
.song_list li {
margin: 2px 0;
height: 25px;
line-height: 25px;
float: left;
width: 100%;
overflow: hidden;
list-style: none!important;
}
.song_list {
width: 350px;
float: left;
padding-right: 35px;
}
.song_list ul {
width: 100%;
overflow: hidden;
}
.song_list li .song_name a:hover, .song_list li .singer_name a:hover {
color: #dd137b;
}
.song_list .blue {
background: #458fce;
}
.song_list .num {
font-size: 12px;
margin-top: 4px;
margin-left: 5px;
height: 16px;
line-height: 16px;
width: 18px;
color: #fff;
text-align: center;
float: left;
background: #ccc;
}
.song_list li .song_name a, .song_list li .singer_name a {
display: inline-block;
width: 180px;
color: #444;
font-size: 14px;
font-family: "Microsoft Yahei";
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.song_list li .song_name {
margin: 0 10px;
width: 180px;
line-height: 23px;
}
</style>
<div class="song_list">
<ul>
<li>
01
<a href="http://tlb.258club.com/redirect.php?goto=findpost&ptid=4005&pid=124309&fromuid=1" title="匆匆那年(电影《匆匆那年》同名主题曲)"> 匆匆那年(电影《匆匆那年》同名主题曲)</a>
<a href="" title="王菲" target="_blank" style="width: 70px;font-size: 12px;">王菲</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/public/ringmaker01/dailyring/karakalupload/2014/11/2014年11月5日紧急准入陈家瑛1首/全曲试听/Mp3_128_44_16/匆匆那年(电影匆匆那年主题曲)-王菲.mp3" class="icon_play" title="播放"></a>
<a href="http://yinyueshiting.baidu.com/data2/music/124383790/124380645248400128.mp3?xcode=72fe116be261a0278fa5cb69e5ce61e62f7167fd0a01384c" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
02
<a href="" title="小苹果" target="_blank"> 小苹果</a>
<a href="" title="筷子兄弟" target="_blank" style="width: 70px;font-size: 12px;">筷子兄弟</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/public/ringmaker01/dailyring/karakalupload/2014/08/2014年8月8日紧急准入天盈九州6首/全曲试听/Mp3_128_44_16/小苹果-筷子兄弟.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
03
<a href="" title="小小的太阳" target="_blank"> 小小的太阳</a>
<a href="" title="张宇" target="_blank" style="width: 70px;font-size: 12px;">张宇</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tlb.258club.com/attachments/month_1501/15011703463b85c89645a2f701.mp3" class="icon_play" title="播放"></a>
<a href="http://tlb.258club.com/attachment.php?aid=MzEwNHwzMzI1MWNlYXwxNDIxNDM3NTkzfDY0ZjBNa0RYb0VrYmxycEVZaG10b1dCSHJ2OFNHNmVHOE93RXI0OG9JQnFWSUlz" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
04
<a href="" title="平凡之路(后会无期主题曲)" target="_blank"> 平凡之路(后会无期主题曲)</a>
<a href="" title="朴树" target="_blank" style="width: 70px;font-size: 12px;">朴树</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/mp3/007/145/7145532_128.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
05
<a href="" title="可惜没如果" target="_blank"> 可惜没如果</a>
<a href="" title="林俊杰" target="_blank" style="width: 70px;font-size: 12px;">林俊杰</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/public/ringmaker01/dailyring/karakalupload/2014/12/2014年12月19日紧急准入华纳音乐1首/全曲试听/Mp3_128_44_16/可惜没如果-林俊杰.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
06
<a href="" title="时间煮雨(小时代3片尾曲)" target="_blank"> 时间煮雨(小时代3片尾曲)</a>
<a href="" title="吴亦凡" target="_blank" style="width: 70px;font-size: 12px;">吴亦凡</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/mp3/007/005/7005692_128.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
07
<a href="" title="不再见(小时代3刺金时代插曲)" target="_blank"> 不再见(小时代3刺金时代插曲)</a>
<a href="" title="陈学冬" target="_blank" style="width: 70px;font-size: 12px;">陈学冬</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/public/ringmaker01/dailyring/karakalupload/2014/07/2014年7月16日紧急准入海蝶1首/全曲试听/Mp3_128_44_16/不再见(小时代3刺金时代插曲)-陈学冬.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
08
<a href="" title="后会无期(后会无期同名主题曲)" target="_blank"> 后会无期(后会无期同名主题曲)</a>
<a href="" title="G.E.M.邓紫棋" target="_blank" style="width: 70px;font-size: 12px;">G.E.M.邓紫棋</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/mp3/uploads/140711/14050431582958451_128.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
09
<a href="" title="算什么男人" target="_blank"> 算什么男人</a>
<a href="" title="周杰伦" target="_blank" style="width: 70px;font-size: 12px;">周杰伦</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/public/600907/tone/2014/12/16/2014121618/update/算什么男人-周杰伦/999989/算什么男人-周杰伦.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
<li>
10
<a href="" title="剑心(古剑奇谭片头曲)" target="_blank"> 剑心(古剑奇谭片头曲)</a>
<a href="" title="张杰" target="_blank" style="width: 70px;font-size: 12px;">张杰</a>
<a href="javascript:void(0)" onclick="playMP3(this)" url="http://tyst.migu.cn/mp3/uploads/140701/14041787635548582_128.mp3" class="icon_play" title="播放"></a>
<a href="" target="_blank" class="icon_down" title="下载"></a>
</li>
</ul>
</div>
<script type="text/javascript">
var audio =document.createElement("AUDIO");
var publicObj= "";//全局点击对象
function playMP3(obj){
var url = $jq(obj).attr("url");
var randNum = generateMixed(12)+"";
if(audio.paused&&$jq(obj).attr("class")=="icon_play"){
publicObj = obj;
audio.src=url+"?msisdn="+randNum;
audio.play();
$jq(obj).attr("class","icon_stop");
}else if (!audio.paused&&$jq(obj).attr("class")=="icon_play"){
audio.pause();
audio.src=url;
audio.play();
$jq(publicObj).attr("class","icon_play");
$jq(obj).attr("class","icon_stop");
publicObj = obj;
}else{
audio.pause();
$jq(obj).attr("class","icon_play");
}
}
function RndNum(n){
var rnd="";
for(var i=0;i<n;i++)
rnd+=Math.floor(Math.random()*10);
return rnd;
}
var chars = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','m','n','p','q','r','s','t','u','v','w','x','y','z'];
function generateMixed(n) {
var res = "";
for(var i = 0; i < n ; i ++) {
var id = Math.ceil(Math.random()*35);
res += chars[id];
}
return res;
}
</script>