查看完整版本: [-- 收藏的一些代码 --]

九月论坛 -> 「乐迷交流」 -> 收藏的一些代码 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题
㈠
㈢
㈥
㈦

呢nxjexx 2007-05-12 14:34

播放器



装饰美化你的播放器

有了基本的款式后，我们就可以根据自己的想象力，巧用HTML的表格，根据自己的图片素材，装饰美化自己的播放器啦。只要你有足够的创意，调整代码，就可以得到各式各样的播放器。这里卡卡抛砖引玉先介绍几款。

首先我们可以为黑色播放器加上一个边缘
(中间绿底的部分为原黑色播放器代码)

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

当然也可以为蓝色播放器加上粉色边缘
(中间粉底部分为原蓝色播放器代码)

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

还可以将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码)
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

还可以利用动态的GIF背景做成动态播放器
(中间蓝底部分为原来的灰色播放器代码
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>

甚至还可以将动态背景只在播放器底部运行
中间棕底字体为原灰色播放器代码
<TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://bbs.guqu.net/UploadFile/2005-4/20054302075888035.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma (Color='#000000')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE></TD>< /TR></TBODY></TABLE>
<>< /TR>

重要提示：
1 复制时务必将（EMBED。。。）前后的括号（）替换成<>。这点非常重要。
2 WIDTH代表播放器宽度，HEIGHT代表高度，后面的数值可依自己喜好进行调整。
3 AUTOSTART="TRUE" 这里TRUE代表自动播放，如果换成FALSE则代表手动播放。


(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")


(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")


(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")

呢nxjexx 2007-05-12 14:52

※※※※※※※※※※※※
飘舞的枫叶: <EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 200px; HEIGHT: 300px" align=right src=http://forshine.net/flash/68.swf width=400 height=400 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>
※※※※※※※※※※※※
飘落的黄花: <DIV><LOOP="TRUE" AUTOSTART="TRUE"><EMBED style="LEFT: 100px; WIDTH: 700px; POSITION: absolute; TOP: 480px; HEIGHT: 2700px" align=left src=http://www.cjhz.com/bbs/UploadFile/2004-8/20048794655165.swf width=700 height=500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED><EMBED style="LEFT: 160px; WIDTH: 660px; POSITION: absolute; TOP: 200px; HEIGHT: 700px" align=left src=http://www.cjhz.com/bbs/UploadFile/2004-8/20048794655165.swf width=600 height=100 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED><EMBED style="RIGHT: 110px; WIDTH: 260px; POSITION: absolute; TOP: 460px; HEIGHT: 200px" align=right src=http://bg.cn898.net/3.swf width=300 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED><BR><BR></DIV>

呢nxjexx 2007-05-12 15:07
<TABLE borderColor=#c3e6c3 height=415 cellSpacing=1 cellPadding=1 width=650 align=center bgColor=#ffffff border=5>
<TBODY>
<TR>
<TD><BGSOUND balance=0 src="背景音乐地址" volume=0 loop=infinite></BGSOUND><BGSOUND></BGSOUND><BGSOUND></BGSOUND><BGSOUND></BGSOUND><BGSOUND></BGSOUND><BGSOUND></BGSOUND><BGSOUND></BGSOUND><BGSOUND></BGSOUND>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=650 height=400 top="90px">
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=650 height=400><IMG alt="" src="图片地址"><A></A><BR><IMG alt="" src="图片地址"><BR><IMG alt="" src="图片地址"><BR><IMG alt="" src="图片地址"></MARQUEE></MARQUEE><BR></TD></TR></TBODY></TABLE>

呢nxjexx 2007-05-12 15:11
为了方便大家学习更快，发个贴说明一下，希望对大家有帮助： (在于举例)

 
代码如下： <P> <TABLE borderColor=#000000 height=398 cellPadding=3 width=600 background=http://znrs.2000y.net/UploadFile/2004-2/200422114432149.jpg border=5> <TBODY> <TR> <TD width=0 colSpan=2 height=0 rowSpan=2><EMBED align=right src=http://www.forshine.net/flash/19.swf width=460 height=340 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED><EMBED align=right src=http://www.forshine.net/flash/9.swf width=460 height=340 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED> </TD></TR></TBODY></TABLE></P><BR><BR><BR><BR>
红色是控制图片的宽度和宽度

绿色是图片地址

兰色是控制透明FLASH的高度和宽度(设置时候一般不要大于图片的高度和宽度)

橙色是透明FLASH的地址

发帖时，先点击HTML，把图片下面的代码和网址全部复制粘到对话框里面，再点击Design，你就可以直观的看到效果。

以上有颜色的是可变的，可以灵活套用，其他的就不用动。

呢nxjexx 2007-05-12 15:12
大家有好的素材请贴一下

鬼束舞轩 2007-05-21 10:02
[s:150] 好乱的代码。。。看得我头晕

紫炎地域 2007-05-22 13:58
HOHO，今天来学习咯～～

呢nxjexx 2007-05-26 09:39
隐藏代码：


<EMBED src=音乐地址 hidden=true type=audio/x-pn-realaudio-plugin AutoStart="true" Loop="true"></EMBED>



AutoStart="true" 是自动播放
Loop="true"  是重复播放

呢nxjexx 2007-05-31 19:49


查看完整版本: [-- 收藏的一些代码 --] [-- top --]

Powered by PHPWind v6.3.2 Code © 2003-08 PHPWind
Time 0.024580 second(s),query:5 Gzip enabled

You can contact us