本文转载自悠悠岁月悠悠情《《今夜无人入眠》幕墙播放器制作简介及代码》
<DIV align=center> <TABLE height=200> <TBODY> <TR> <TD> <P><BR> </P> <TABLE border=1 cellSpacing=2 borderColorLight=#ffffff borderColorDark=#000000 cellPadding=1 width=650 background=http://image59.360doc.com/DownloadImg/2013/02/2603/30544919_3.gif height=425> <TBODY> <TR> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD></TR> <TR> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD></TR> <TR> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD></TR> <TR> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD></TR> <TR> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD></TR> <TR> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD> <TD borderColorLight=#000000 borderColorDark=#eeeeee> <WBR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></DIV> 幕墙播放器代码
代码注解:
1、背景图片替换:将自己喜欢的图片地址替换掉红色部分的代码,注意选取以高调色为主。
2、播放器选取:可以自由发挥,我选用的是:可换背景的MP3播放器(二) 中的播放器代码
用定位代码放置于合适的位置:<DIV style="MARGIN-TOP: -250px; MARGIN-LEFT: 0px">
3、背景雾化GIF动感图片:选取与主题和谐的GIF图片置于恰当的位置,定位雾化代码如下:
<P align=center><IMG style="FILTER: Alpha(opacity=100,style=3);
LEFT: 18px; MARGIN: -530px 18px; WIDTH: 402px; POSITION: absolute; HEIGHT: 281px; cssFloat: none" height=281 src="http://img170.ph.126.net/IZJrbmG4EdBdJ_pNdAgvDw==/2292613685310152792.jpg" width=402></P> 4、歌曲音乐选取:将网易播放器中歌曲地址替换FLASH播放器的地址码,链接会比较流畅,方法想必都会。
如果有自己喜欢的歌曲,可下载歌曲和歌词应用于上述FLASH播放器中,上传地址:免费上传外链
获得新地址后,再替换上述FLASH播放器中的地址。
5、背景视屏播放:可选用无边框雾化循环播放器:无边框循环自动播放器
若有不详之处敬请谅解,可留言沟通。
|
|