互联 通达 修身 精技
网站首页 | 专业设置 | 就业保障 | 校园环境 | 校园活动 | 名师风采 | 手机网站
你教我嘛……我怎么感觉这女的是在挑逗的语气啊哈哈。栀夏°谢谢啊，好嗨的歌，哈哈，配上街舞更有节奏感了播放器自制的啊，很强大，歌词同步，还能手机听本帖代码：（播放器代码进行了简化去重，并添加了关键代码的解释说明）<styletype="text/css">.wudao{opacity:0.7;}</style><tablestyle="left:-240px;top:-55px;width:1080px;height:720px;position:relative;"background="http://www.ii23.cn/data/attachment/forum/201908/29/194856atzobtkbn0po8o66.gif"><tbody><tr><td><divclass="wudao"style="left:265px;top:125px;position:absolute;"><imgstyle="width:500px;height:400px;border-radius:10px;"src="http://www.ii23.cn/data/attachment/forum/201908/29/194902vodf4tf4hcw4bbwd.gif"></div><divclass="wudao"style="left:280px;top:570px;position:absolute;"><imgstyle="width:180px;height:50px;border-radius:10px;"src="http://www.ii23.cn/data/attachment/forum/201908/29/194907l8vrfx8kkob88xpk.gif"></div><divclass="wudao"style="position:absolute;top:568px;left:461px;"><title>特制音乐播放器</title><style>@font-face{format("svg");font-weight:400;font-style:normal}.aplayer-narrow.aplayer-info{display:none}.aplayer-withlrc.aplayer.aplayer-info{margin-left:0px;height:0px}.aplayer-withlrc.aplayer.aplayer-lrc{display:block;}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:2px;box-shadow:02px2px0rgba(0,202,202,.14),03px1px-2pxrgba(0,202,202,.2),01px5px0rgba(0,202,202,.12);/*边框颜色等*/border-radius:5px;}.aplayerspan{cursor:default!important}.aplayer{position:absolute;top:0px;left:0px;height:52px;width:290px;background:#000000;}/*播放器区域的大小、颜色*/.aplayer[class*="aplayer-icon-"]:before,.aplayer[class^=aplayer-icon-]:before{font-family:aplayer-fontello;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em;font-size:9px;color:#ff8040;width:10px;height:10px;border:2pxsolid#ff8040;border-radius:10px;position:absolute;bottom:3px;left:3px;}/*按钮圈大小、颜色、位置，按钮字体大小、颜色*/.aplayer.aplayer-lrc-content,.aplayer.aplayer-hide{display:none}.aplayer.aplayer-icon-play:before{content:'\25b6'}.aplayer.aplayer-icon-pause:before{content:'\23f8'}/*设置按钮键*/.aplayer-bar-wrap{margin:0120px05px}.aplayer.aplayer-info.aplayer-controller.aplayer-bar-wrap{height:1px;width:200px;background:#cdcdcd;position:absolute;left:15px;bottom:8px;}/*进度条长度、位置及未播放段颜色*/.aplayer.aplayer-info.aplayer-controller.aplayer-bar-wrap.aplayer-bar.aplayer-bar{-webkit-transition:all.5sease;transition:all.5sease}.aplayer.aplayer-info.aplayer-controller.aplayer-bar-wrap.aplayer-bar.aplayer-played{position:absolute;left:0px;bottom:0px;background:#ff8040;height:2px}/*进度条已播放段颜色*/.aplayer.aplayer-info.aplayer-controller.aplayer-bar-wrap.aplayer-bar.aplayer-played.aplayer-thumb{position:absolute;top:1px;right:5px;margin-top:-4px;margin-right:-10px;height:5px;width:5px;border:1pxsolid#ff8040;border-radius:50%;background:#ff8040;cursor:pointer!important;}/*进度球大小及颜色*/.aplayer.aplayer-info.aplayer-controller.aplayer-bar-wrap.aplayer-bar.aplayer-played.aplayer-thumb:hover{background:#4dffff;}.aplayer.aplayer-info.aplayer-controller.aplayer-time{position:absolute;right:3px;bottom:0px;height:17px;color:#ff7000;font-size:10px}/*时间*/.aplayer.aplayer-info.aplayer-controller{display:inline-block;margin-left:7px;cursor:pointer!important}.aplayer.aplayer-lrc{display:none;position:absolute;left:50px;top:10px;height:40px;width:200;text-align:center;overflow:hidden;margin:-10px010px;filter:Alpha(opacity=0);BACKGROUND:transparent}/*歌词区域大小*/.aplayer.aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff0,rgba(255,255,255,0)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer.aplayer-lrc:after{bottom:0;height:33%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}.aplayer.aplayer-lrcp{font-size:12px;color:#ff8040;line-height:20px;padding:0;margin:0;-webkit-transition:all.5sease-out;transition:all.5sease-out;opacity:0.4}/*歌词字体及大小*/.aplayer.aplayer-lrcp.aplayer-lrc-current{opacity:1}.aplayer.aplayer-lrc.aplayer-lrc-contents{width:100%;-webkit-transition:all.5sease-out;transition:all.5sease-out}.demo{width:290px;height:52px;margin:0pxauto;border-radius:10px;align:center;position:absolute;}.demop{padding:10px0;left:0px;opacity:0.5;}</style><divclass="demo"position:absolute;top:0px;left:0px;height:52px;><p><strong></strong></p><divid="player3"class="aplayer"style="top:0px;left:0px;position:absolute;"><preclass="aplayer-lrc-content">[offset:0][00:00.41]杨哲-姑娘回回头[00:53.13]真正的爱情一生何求[00:57.33]热恋的时候有没有[01:01.70]也许那时候一无所有[01:06.08]甘心情愿彼此相守[01:12.82]转眼走过了多少个秋[01:17.00]想要的生活渐渐拥有[01:21.43]感情却走到十字路口[01:25.86]怎么轻易放开你的手[01:34.85]你那么善良又温柔[01:36.85]从不对我有奢求[01:39.03]平淡的日子就足够[01:41.21]只要爱能到永久[01:43.40]这次把你的心伤透[01:45.64]让我为你去承受[01:47.83]相信我对你爱依旧[01:50.01]灵魂已被你左右[01:52.50]一心为你来守候[01:58.81]姑娘回回头不要走[02:36.33]求求你接受我的挽留[02:38.49]如果你真的不回头[02:40.67]把我的心也一起带走[02:42.80]一生抚慰爱的伤口[02:44.46]喝不完离别相思的酒[02:47.27]孤单的日子常常回首[02:49.39]一起走过的每个春秋[02:51.57]我们并肩风雨同舟[02:53.82]幸福和甜蜜也曾拥有[02:56.01]怎能轻易说分手[03:02.93]真正的爱情一生何求[03:06.94]热恋的时候有没有[03:11.31]也许那时候一无所有[03:15.63]甘心情愿彼此相守[03:22.54]转眼走过了多少个秋[03:26.72]想要的生活渐渐拥有[03:31.09]感情却走到十字路口[03:35.58]怎么轻易放开你的手[03:44.38]你那么善良又温柔[03:46.50]从不对我有奢求[03:48.74]平淡的日子就足够[03:50.99]只要爱能到永久[03:53.18]这次把你的心伤透[03:55.42]让我为你去承受[03:57.54]相信我对你的爱依旧[03:59.85]灵魂已被你左右[04:02.10]一心为你来守候[04:08.84]姑娘回回头不要走</pre></div></div><script>functionAPlayer(e){if(!("music"ine&&"title"ine.music&&"author"ine.music&&"url"ine.music&&"pic"ine.music))throw"APlayerError:Music,music.title,music.author,music.url,music.picarerequiredinoptions";if(null===e.element)throw"APlayerError:elementoptionnull";this.isMobile=navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i),this.isMobile&&(e.autoplay=!1);vara={element:document.getElementsByClassName("aplayer")[0],narrow:!1,autoplay:!1,showlrc:!1};for(vartina)a.hasOwnProperty(t)&&!e.hasOwnProperty(t)&&(e[t]=a[t]);this.option=e}APlayer.prototype.init=function(){functione(e){vara=e||window.event,i=(a.clientX-t(m.bar))/p;i=i>0?i:0,i=1>i?i:1,m.updateBar.call(m,"played",i,"width"),m.option.showlrc&&m.updateLrc.call(m,parseFloat(m.playedBar.style.width)/100*m.audio.duration),m.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=m.secondToTime(i*m.audio.duration)}functiona(){document.removeEventListener("mouseup",a),document.removeEventListener("mousemove",e),m.audio.currentTime=parseFloat(m.playedBar.style.width)/100*m.audio.duration,m.play()}functiont(e){for(vara,t=e.offsetLeft,i=e.offsetParent;null!==i;)t+=i.offsetLeft,i=i.offsetParent;returna=document.body.scrollLeft+document.documentElement.scrollLeft,t-a}functioni(e){for(vara,t=e.offsetTop,i=e.offsetParent;null!==i;)t+=i.offsetTop,i=i.offsetParent;returna=document.body.scrollTop+document.documentElement.scrollTop,t-a}if(this.element=this.option.element,this.music=this.option.music,this.option.showlrc){this.lrcTime=[],this.lrcLine=[];for(varl=this.element.getElementsByClassName("aplayer-lrc-content")[0].innerHTML,s=l.split(/\n/),n=/\[(\d{2}):(\d{2})\.(\d{2})]/,r=/](.*)$/,o=0;o<s.length;o++){vard=n.exec(s[o]),c=r.exec(s[o]);d&&c&&(this.lrcTime.push(60*parseInt(d[1])+parseInt(d[2])+parseInt(d[3])/100),this.lrcLine.push(c[1]))}}if(this.element.innerHTML='<divclass="aplayer-pic"><imgsrc="'+this.music.pic+'"><divclass="aplayer-buttonaplayer-pauseaplayer-hide"><iclass="demo-iconaplayer-icon-pause"></i></div><divclass="aplayer-buttonaplayer-play"><iclass="demo-iconaplayer-icon-play"></i></div></div><divclass="aplayer-info"><divclass="aplayer-music"><spanclass="aplayer-title">'+this.music.title+'</span><spanclass="aplayer-author">努力加载中,好累啊</span></div><divclass="aplayer-lrc"><divclass="aplayer-lrc-contents"style="transform:translateY(0);"></div></div><divclass="aplayer-controller"><divclass="aplayer-bar-wrap"><divclass="aplayer-bar"><divclass="aplayer-loaded"style="width:0"></div><divclass="aplayer-played"style="width:0"><spanclass="aplayer-thumb"></span></div></div></div><divclass="aplayer-time"><spanclass="aplayer-ptime">00:00</span>/<spanclass="aplayer-dtime">(oﾟ▽ﾟ)</span><divclass="aplayer-volume-wrap"><iclass="demo-iconaplayer-icon-volume-down"></i><divclass="aplayer-volume-bar-wrap"><divclass="aplayer-volume-bar"><divclass="aplayer-volume"style="height:80%"></div></div></div></div></div></div></div>',this.option.showlrc){this.element.classList.add("aplayer-withlrc");varu="";for(this.lrcContents=this.element.getElementsByClassName("aplayer-lrc-contents")[0],o=0;o<this.lrcLine.length;o++)u+="<p>"+this.lrcLine[o]+"</p>";this.lrcContents.innerHTML=u,this.lrcIndex=0,this.lrcContents.getElementsByTagName("p")[0].classList.add("aplayer-lrc-current")}this.option.narrow&&this.element.classList.add("aplayer-narrow"),this.audio=document.createElement("audio"),this.audio.src=this.music.url,this.audio.loop=!0,this.audio.preload="metadata";varm=this;this.audio.addEventListener("durationchange",function(){1!==m.audio.duration&&(m.element.getElementsByClassName("aplayer-dtime")[0].innerHTML=m.secondToTime(m.audio.duration))}),this.audio.addEventListener("loadedmetadata",function(){m.element.getElementsByClassName("aplayer-author")[0].innerHTML=m.music.author,m.loadedTime=setInterval(function(){vare=m.audio.buffered.end(m.audio.buffered.length-1)/m.audio.duration;m.updateBar.call(m,"loaded",e,"width"),1===e&&clearInterval(m.loadedTime)},500)}),this.audio.addEventListener("error",function(){m.element.getElementsByClassName("aplayer-author")[0].innerHTML="歌曲链接失效"}),this.playButton=this.element.getElementsByClassName("aplayer-play")[0],this.pauseButton=this.element.getElementsByClassName("aplayer-pause")[0],this.playButton.addEventListener("click",function(){m.play.call(m)}),this.pauseButton.addEventListener("click",function(){m.pause.call(m)}),this.playedBar=this.element.getElementsByClassName("aplayer-played")[0],this.loadedBar=this.element.getElementsByClassName("aplayer-loaded")[0],this.thumb=this.element.getElementsByClassName("aplayer-thumb")[0],this.bar=this.element.getElementsByClassName("aplayer-bar")[0];varp;this.bar.addEventListener("click",function(e){vara=e||window.event;p=m.bar.clientWidth;vari=(a.clientX-t(m.bar))/p;m.updateBar.call(m,"played",i,"width"),m.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=m.secondToTime(i*m.audio.duration),m.audio.currentTime=parseFloat(m.playedBar.style.width)/100*m.audio.duration}),this.thumb.addEventListener("mousedown",function(){p=m.bar.clientWidth,clearInterval(m.playedTime),document.addEventListener("mousemove",e),document.addEventListener("mouseup",a)}),this.audio.volume=.8,this.volumeBar=this.element.getElementsByClassName("aplayer-volume")[0];vary=this.element.getElementsByClassName("aplayer-volume-bar")[0],h=m.element.getElementsByClassName("aplayer-time")[0].getElementsByTagName("i")[0],v=35;this.element.getElementsByClassName("aplayer-volume-bar-wrap")[0].addEventListener("click",function(e){vara=e||window.event,t=(v-a.clientY+i(y))/v;t=t>0?t:0,t=1>t?t:1,m.updateBar.call(m,"volume",t,"height"),m.audio.volume=t,m.audio.muted&&(m.audio.muted=!1),1===t?h.className="demo-iconaplayer-icon-volume-up":h.className="demo-iconaplayer-icon-volume-down"}),h.addEventListener("click",function(){m.audio.muted?(m.audio.muted=!1,h.className=1===m.audio.volume?"demo-iconaplayer-icon-volume-up":"demo-iconaplayer-icon-volume-down",m.updateBar.call(m,"volume",m.audio.volume,"height")):(m.audio.muted=!0,h.className="demo-iconaplayer-icon-volume-off",m.updateBar.call(m,"volume",0,"height"))}),this.option.autoplay&&this.play()},APlayer.prototype.play=function(){this.playButton.classList.add("aplayer-hide"),this.pauseButton.classList.remove("aplayer-hide"),this.audio.play();vare=this;this.playedTime=setInterval(function(){e.updateBar.call(e,"played",e.audio.currentTime/e.audio.duration,"width"),e.option.showlrc&&e.updateLrc.call(e),e.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=e.secondToTime(e.audio.currentTime)},100)},APlayer.prototype.pause=function(){this.pauseButton.classList.add("aplayer-hide"),this.playButton.classList.remove("aplayer-hide"),this.audio.pause(),clearInterval(this.playedTime)},APlayer.prototype.updateBar=function(e,a,t){a=a>0?a:0,a=1>a?a:1,this[e+"Bar"].style[t]=100*a+"%"},APlayer.prototype.updateLrc=function(e){if(e||(e=this.audio.currentTime),e<this.lrcTime[this.lrcIndex]||e>=this.lrcTime[this.lrcIndex+1])for(vara=0;a<this.lrcTime.length;a++)e>=this.lrcTime[a]&&(!this.lrcTime[a+1]||e<this.lrcTime[a+1])&&(this.lrcIndex=a,this.lrcContents.style.transform="translateY("+20*-this.lrcIndex+"px)",this.lrcContents.getElementsByClassName("aplayer-lrc-current")[0].classList.remove("aplayer-lrc-current"),this.lrcContents.getElementsByTagName("p")[a].classList.add("aplayer-lrc-current"))},APlayer.prototype.secondToTime=function(e){vara=function(e){return10>e?"0"+e:""+e},t=parseInt(e/60),i=parseInt(e-60*t);returna(t)+":"+a(i)};varap3=newAPlayer({element:document.getElementById('player3'),//样式1narrow:false,autoplay:true,showlrc:true,music:{title:'',author:'',url:'https://music.163.com/song/media/outer/url?id=27928127.mp3',pic:''}});ap3.init();</script></div></td></tr></tbody></table>
您需要登录才可以下载或查看，没有账号。发现都是牛逼的人，我落伍了
慕容我来听听歌
来听歌。如今再现“胡士泰”阴影。不仅仅限制于金融局，整个相关的部门和系统都在进行有效率的沟通和运转中，出借人焦躁的心稍许得到平复。”
，，饺子原是鹤仙人的徒弟，在天下第一武道大会结束后，受到龟仙人教导从而改邪归正。几年来，活的一直这样潇洒。
