您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网页代码>>>网页代码>>>文字特效及音乐播放器代码
文字特效及音乐播放器代码
发表日期:2010/9/29 20:31:00 出处:未知 作者:未知 发布人:qingyiyoulan3 已被访问 723
 
 
清逸幽蓝--蓝之梦



代码:

<div align="center"><div align="center"><div id="texture" style="WIDTH: 560px; HEIGHT: 70px"><strong><img height="1" src="http://image4.360doc.com/DownloadImg/2009/3/9/109479_2760785_7.gif" width="372" align="right" /><img style="WIDTH: 557px; HEIGHT: 70px" height="70" src="http://image4.360doc.com/DownloadImg/2009/3/9/109479_2760785_8.gif" width="557" align="right" /> </strong><div align="center"><div style="FONT-SIZE: 60px; FILTER: Chroma(color=#FCFBFA); FLOAT: left; WIDTH: 560px; HEIGHT: 70px; BACKGROUND-COLOR: #ffffff" align="center"><div align="center"><font color="#fcfbfa"><strong>清逸幽蓝--蓝之梦</strong></font></div></div></div></div></div>

详解:
div id="texture"(实际上div就相当于一个肉眼看不到盒子,盒子里边可以放入很多的文字、图片、flash等等。而盒子里边内容的样式,就全部靠div的id所对应的函数。这里是texture)(id属性用于定义一个元素的独特的样式。是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆)

这是一个不断变化颜色的字体,一般都用texture这个函数。
只要记住头一个动画是背景,第二个动画就是字体变化的效果就可以了。
剩下的大家应该都能看懂,不懂得参阅以前的基础教程。


 




清逸幽蓝--蓝之梦


代码:

<p align="center"><font color="#6911ee"></font><marquee style="WIDTH: 506px; HEIGHT: 200px" direction="up"><table cellspacing="0" cellpadding="0" align="center" background="http://image4.360doc.com/DownloadImg/2009/3/9/109479_2760785_8.gif"><tbody><tr><td style="FILTER: chroma(color=#336699)"><table align="center" bgcolor="#cc00ff"><tbody><tr><td align="center"><font style="FONT-SIZE: 40pt" face="华文琥珀" color="#336699">清逸幽蓝--蓝之梦</font></td></tr></tbody></table></font /></td></tr></tbody></table></font /></marquee></p>

详解:
这个代码看起来很复杂,仔细一看发现就是多了两层表格,表格中没有边框跟间距。
第一层表格底层用了刚才的动画,单元格过滤了字体色彩使它透明化。
第二层表格用紫色作为底色。这样看起来是不是更炫了\(^o^)/~


 






代码:

<center><font style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 94.53%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 200px"><marquee direction="up" behavior="alternate" width="80" height="160"><center><b>清</b></center></marquee><marquee direction="up" behavior="alternate" width="80"><center><b>逸</b></center></marquee><marquee direction="up" behavior="alternate" width="80" height="160"><center><b>幽</b></center></marquee><marquee direction="up" behavior="alternate" width="80"><center><b>蓝</b></center></marquee><marquee direction="up" behavior="alternate" width="80" height="160"><center><b>蓝</b></center></marquee><marquee direction="up" behavior="alternate" width="80"><center><b>之</b></center></marquee><marquee direction="up" behavior="alternate" width="80" height="160"><center><b>梦</b></center></marquee></marquee /></font></center>

详解:

根据不同的移动高度实现这个效果,要一个字一个字设定,不然就一起排队跑了\(^o^)/~


 




清逸幽蓝--蓝之梦

代码:

<center><div style="FILTER: shadow(color=#FF9999
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />, strength=60); WIDTH: 397px; HEIGHT: 129px"><font face="华文彩云" color="#ff0000" size="7"><b><center>清逸幽蓝--蓝之梦</center></b></font><div align="left"><br /></div></div></center>

详解:
Shadow属性可以在指定的方向建立物体的投影。
它的表达式是这样的:
Filter:Shadow(Color=color,Direction=direction)
strength=60(投影力度:60)


清逸幽蓝--蓝之梦

这个稍复杂一点\(^o^)/~

代码:<center><div style="FILTER: shadow<position:absolute;top:20;width:300;filter:shadow(color=#cc66ff,direction=225);> WIDTH: 397px; HEIGHT: 129px"><font face="华文彩云" color="#ff0000" size="7"><b><center>清逸幽蓝--蓝之梦</center></b></font><div align="left"><br /></div></div></center>

 

 

播放器一:

 

 

代码如下:

<DIV class=t_msgfont align=center>
<TABLE style="WIDTH: 270px; HEIGHT: 69px" borderColor=#cc338f cellSpacing=3 cellPadding=0 background=http://image4.360doc.com/DownloadImg/2009/3/9/109479_2760785_11.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><FONT size=4><EMBED style="FILTER: Gray" src=音乐地址 width=273 height=35 type=audio/mpeg volume="2" autostart="1" loop="-1"> </FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<P align=center><FONT size=4></FONT> </P>
<P align=left><FONT color=darkgreen size=4><STRONG></STRONG></FONT> </P>

 

 

播放器二

 
 
代码如下:


<DIV class=t_msgfont align=center>
<TABLE style="WIDTH: 301px; HEIGHT: 102px" borderColor=#dee4fe cellSpacing=3 cellPadding=0 align=center background=http://image5.360doc.com/DownloadImg/2009/12/12/132336_10920638_1.jpg 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=70 type=audio/mpeg loop="1" autostart="1" volume="2"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

播放三:

 

代码如下:

 


<DIV class=t_msgfont id=message1177650 align=center>
<TABLE style="WIDTH: 422px; HEIGHT: 98px" borderColor=#dee4fe cellSpacing=3 cellPadding=0 bgColor=#000000 background=http://bbs.xxjy.net/UploadFile/2005-5/200551223859362.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=440 height=70 type=audio/mpeg loop="-1" autostart="1" volume="2"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

 

播放器四:

 


 
 
 
代码如下:
 

<DIV class=t_msgfont align=center>
<DIV class=t_msgfont align=center>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; WIDTH: 324px; BORDER-BOTTOM: #ff69b4 3px dotted; HEIGHT: 109px" cellSpacing=0 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; WIDTH: 289px; BORDER-BOTTOM: #ff69b4 3px dashed; HEIGHT: 99px" cellSpacing=0 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2 cellPadding=0 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 loop="1" autostart="1" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV class=t_msgfont align=center> </DIV></DIV>

 

 

播放器五:

 

 
代码如下:

 


<DIV class=t_msgfont align=center>
<TABLE style="WIDTH: 259px; HEIGHT: 77px" borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://image4.360doc.com/DownloadImg/2009/3/9/109479_2760785_12.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 loop="1" autostart="1" volume="2"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></FONT>

 

播放器六:

 
 

<TABLE style="WIDTH: 293px; HEIGHT: 57px" borderColor=#ff88e7 cellSpacing=3 cellPadding=0 background=http://www.cxjy.net.cn/~xujingyuan120/mw01/flowers02.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=25 type=audio/mpeg loop="1" autostart="1" volume="2"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
 
 

播放器七:

 
 


<TABLE style="WIDTH: 109px; HEIGHT: 67px" borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://bbs.mumayi.net/customavatars/285100.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=100 height=35 type=audio/mpeg loop="-1" autostart="1" volume="2"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

 

播放器八:

 
 

<TABLE style="WIDTH: 299px; HEIGHT: 40px" align=center border=4>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" src=音乐地址 width=310 height=30 type=audio/mpeg loop="-1" autostart="1" volume="2"></P></TD></TR></TBODY></TABLE></DIV>
<DIV class=t_msgfont align=left> </DIV>

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)
皖ICP备08104896号

清逸幽蓝--蓝之梦*素材*音画*FLASH | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:417556691 本站最佳分辨率:1024*768 联系人:清逸幽蓝