注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

阿龙博客

海阔凭鱼跃 天高任鸟飞

 
 
 

日志

 
 

网页特效代码  

2007-11-24 11:41:59|  分类: 代码大全 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

网页特效代码
1.个性鼠标代码:
<DIV style="CURSOR: url('http://webme.bokee.com/inc/mouse014.ani')">
注:url内为鼠标地;
2.日志背景:
<TABLE cellSpacing=0 cellPadding=0 width=700 background="背景图片地址"; boder=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=500 border=0>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 9pt"><BR><FONT color=#993333>直接输入你的文字</FONT></FONT><FONT color=#993333><SPAN style="FONT-SIZE: 9pt"></SPAN></FONT>
<P><SPAN style="FONT-SIZE: 9pt"></SPAN></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

3.音乐播放器:
·美化型
<embed style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FILTER: wave(); BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,,0803 src="音乐地址" width=280 height=44 type=application/x-oleobject loop="true" autostart="true" standby="Loading Windows Media Player components..." classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"></embed>

4.添加JS时钟:
<center><iframe scrolling="no" frameborder="0" width="180" height="75" src="http://youlan.100dns.net/clock/009/clock.htm" allowtransparency="true"></iframe></center>

5.添加Flash时钟:
<embed src="Flash时钟地址" width="180" height="180" align="middle" quality="high" wmode="transparent" bgcolor="#ff0000"  type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

6.竖排显示文字代码:
 <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

7.带颜色的阴影效果文字代码:
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow
(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷;font-weight:bold;font-style:italic">阿龙博客</FONT></P>

8.渐变效果文字代码:
<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;
COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷;font-weight:bold">阿龙博客</FONT></P>

注:代码说明:
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;
width:100%则表示参与渐变的对象的宽度,通常都设置为100%;

9.阴影文字效果代码:
·效果1
<font style="color=#6CABE7; FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2);FONT-FAMILY:宋体; FONT-SIZE:25pt; WIDTH:100%">阿龙博客</font>
·效果2(有渐进阴影感)
<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt;WIDTH: 100%"><B>阿龙博客</B></FONT>

10.飘动在图片背景上的文字代码:
<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt;WIDTH:100%"><B>阿龙博客</B></FONT>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

11.以图片为背景发表文章代码:
<table width="450" border="0"><tr><td height="500" background="图片地址">
你想输入的文字</td></tr></table>

12.图片周围圆形羽化代码:
<img src="E:\along\htm\hy.jpg"  style="FILTER: alpha(opacity=45, finishOpacity=45,style=0);
FILTER: alpha(opacity=100, finishOpacity=0,style=2); FLOAT: center; LINE-HEIGHT: 15(pt); LETTER-SPACING: 15(em); WIDTH=180"></img>

  评论这张
 
阅读(59)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017