申明：学习积累，力求最简（部分JS特效代码将移出）

 

 

目录页

 

推荐等级	目　录	楼层（点击）	说　明
	文字	→＃02	12种常用特效（含竖排文字）
	贴图	→＃03	含DV取景效果
	图片转换	→＃04	43种（整理E域的相关帖子）
	分割线	→＃05	8种
	播放器	→＃06	含Flv格式
	Flash应用	→＃07	Flash叠加套用
	表格	→＃08	部分效果论坛无显示
	文字特效 - VML路径	→＃09-11	整理E域gaoss33老师帖
	鼠标特效	→＃12	鼠标感应图文特效（部分参考花花帖）
	滚条	→＃13	部分参考皮皮帖
	菜单特效	→＃14	整理阿侃帖
	网页防盗	→＃15	可用来防转帖（07提供、参考E域suhe老师帖）
	变色	→＃16	表格边框、文字变色
	射光效果	→＃17	整理E域gaoss33老师帖

 

相关链接　→羲和自留地／JS特效←

 

[ 本帖最后由 羲和 于 2007-7-12 19:53 编辑 ]

【文字】

①模糊
<FONT style="FONT-SIZE:30pt; FILTER:blur(add=1,direction=45,strength=10); WIDTH:400px; COLOR:#ffff00; LINE-HEIGHT:150%; FONT-FAMILY:华文行楷">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

②阴影
<FONT style="FONT-SIZE:30pt; FILTER:shadow(color=#ffff00); WIDTH:400px; COLOR:#ffff00; LINE-HEIGHT:150%; FONT-FAMILY:华文彩云">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

③叠字
<FONT style="FONT-SIZE:30pt; FILTER:dropshadow(color=#aaaaaa,offx=3,offy=2); WIDTH:400px; COLOR:#ffff00; LINE-HEIGHT:150%">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

④发光
<FONT style="FONT-SIZE:30pt; FILTER:glow(color=#ffff00); WIDTH:400px; COLOR:#ffffff; LINE-HEIGHT:150%; FONT-FAMILY:华文彩云">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

⑤反字
<FONT style="FONT-SIZE:30pt; FILTER:fliph; WIDTH:400px; COLOR:#ffff00; LINE-HEIGHT:150%; FONT-FAMILY:Arial">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

⑥倒字
<FONT style="FONT-SIZE:30pt; FILTER:flipv; WIDTH:400px; COLOR:#ffff00; LINE-HEIGHT:150%; FONT-FAMILY:Arial">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

⑦波纹
<FONT style="FONT-SIZE:30pt; FILTER:wave(add=1,Freq=2,lightstrength=50,strength=2,phrase=30); WIDTH:400px; COLOR:#987cb9; LINE-HEIGHT:150%; FONT-FAMILY:华文行楷">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

附：抽丝效果
<FONT style="FONT-SIZE:30pt; FILTER: wave(add=1,strength=3,freq=30,phase=0,lightstrength=100); WIDTH:500px; COLOR: #987cb9; FONT-FAMILY: 华文新魏">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

⑧镂空
<FONT style="FONT-SIZE:30pt; FILTER:mask(color=#ffff00); WIDTH:400px; LINE-HEIGHT:150%; FONT-FAMILY:隶书">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

⑨变色
<TABLE cellSpacing=0 cellPadding=0 background=http://evecn.ik8.com/background/s142.gif><TR><TD style="FILTER:chroma(color=#000000)" ><TABLE cellSpacing=0 cellPadding=0 bgColor=#3A3937><TR><TD><FONT style="FONT-SIZE: 30pt" face=隶书 color=#000000>枫情音乐论坛欢迎你</FONT></TD></TR></TABLE></TD></TR></TABLE>

枫情音乐论坛欢迎你

 

⑩透明
<TABLE cellSpacing=0 cellPadding=0 background=http://evecn.ik8.com/background/s142.gif><TR><TD style="FILTER:chroma(color=#000000)"><FONT style="FONT-SIZE:30pt; FILTER:glow(color=#ffff00); WIDTH:100%; COLOR:#000000; LINE-HEIGHT:150%; FONT-FAMILY:隶书">枫情音乐论坛欢迎你</FONT></TD></TR></TABLE>

枫情音乐论坛欢迎你

 

⑾马赛克
<FONT style="FONT-SIZE:30pt; FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=3,Duration=1); WIDTH:400px; COLOR:#ffff00; LINE-HEIGHT:150%; FONT-FAMILY:华文行楷">枫情音乐论坛欢迎你</FONT>

枫情音乐论坛欢迎你

 

⑿文字竖排
效果①
<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>『羲和音画』
<P>枫情音乐论坛欢迎你。。。</P></DIV>

效果②（效果同①）
<DIV style="WRITING-MODE: tb-rl">
<P>『羲和音画』
<P>枫情音乐论坛欢迎你。。。</P></DIV>

效果③（字体代码不可缺，可加其他字效参数）
<DIV style="LAYOUT-FLOW: vertical-ideographic; FONT-FAMILY: 宋体">
<P>『羲和音画』 
<P>枫情音乐论坛欢迎你。。。</P></DIV>

效果④（字体代码不可缺，可加其他字效参数）
<FONT style="LAYOUT-FLOW: vertical-ideographic; FONT-FAMILY: 宋体">
<P>『羲和音画』 
<P>枫情音乐论坛欢迎你。。。</P></FONT>

 

『羲和音画』 枫情音乐论坛欢迎你。。。	『羲和音画』 枫情音乐论坛欢迎你。。。	『羲和音画』 枫情音乐论坛欢迎你。。。	『羲和音画』 枫情音乐论坛欢迎你。。。
效果①	效果②	效果③	效果④

 

 

 

[ 本帖最后由 羲和 于 2007-6-29 20:16 编辑 ]

【贴图】

 

 

一、基础代码
<IMG src="图片地址" width=200>

 

二、加边框
1、普通黑色边框（默认）
<img src="图片地址" width=200 border=12>

 

2、简单的CSS装饰框

本帖隐藏的内容需要积分高于 20 才可浏览

[ 本帖最后由 羲和 于 2007-7-8 06:20 编辑 ]

图片转换代码：

 

 

本帖隐藏的内容需要积分高于 200 才可浏览

[ 本帖最后由 羲和 于 2007-6-30 23:25 编辑 ]

【分割线】

本帖隐藏的内容需要积分高于 20 才可浏览

[ 本帖最后由 羲和 于 2007-5-18 19:04 编辑 ]

【播放器】

 

 

本帖隐藏的内容需要积分高于 50 才可浏览

 

 

[ 本帖最后由 羲和 于 2008-8-13 10:11 编辑 ]

【Flash应用】

 

本帖隐藏的内容需要积分高于 20 才可浏览

[ 本帖最后由 羲和 于 2007-6-30 23:28 编辑 ]

【表格】

基础代码：（表格千万别忘了收尾^_^）
<table><tr><td>……</td></tr></table>

 

常用属性说明：
width　表格宽度，定义绝对值（如180）及相对值（如80%）
height　表格高度，定义绝对值（如180）
border　表格框的厚度
cellspacing　表格格线离边框距离
cellpadding　文字图片离格线的距离
align　表格的摆放位置（水平），可选值为：left，right，center
valign　表格内字画等的摆放贴位置（垂直），可选值为：top，middle，bottom
background　表格背景图，与bgcolor不要同用
bgcolor　表格背景颜色，与background不要同用
bordercolor　表格边框颜色
bordercolorlight　表格边框向光部分的颜色
bordercolordark　表格边框背光部分的颜色（使用bordercolorlight或bordercolordark时bordercolor将会失效）

 

参数rules

隐藏表格横向分隔线　　　　<table rules=cols>
隐藏表格纵向分隔线　　　　<table rules=rows>
隐藏表格纵向和横向分隔线　<table rules=none>

 

参数frame
只显示上边框　　　　<table frame=above>
只显示下边框　　　　<table frame=below>
只显示左、右边框　　<table frame=vsides>
只显示上、下边框　　<table frame=hsides>
只显示左边框　　　　<table frame=lhs>
只显示右边框　　　　<table frame=rhs>
不显示任何边框　　　<table frame=void>

 

 

[ 本帖最后由 羲和 于 2007-6-26 08:22 编辑 ]

文字特效 - VML路径①　　（整理E域gaoss33老师的帖）

 

这是VML描述的一条线段：

代码：
<DIV style="position:relative; top: 0px; left: 0px; width:500px; height:120px">
<?import namespace=v urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />
<v:line style="position: absolute; top: 60px; left: 30px" stroked="t" strokecolor="#FF9966" strokeweight="1px" filled="t" fillcolor="RED" to="400 .1">
</v:line>
</DIV>

 

VML代码分析：
v:　指定以下是VML语言。
line　这是直线的标签。还有Rect(矩形)，RoundRect(圆角的矩形)，Oval(圆)，Arc(弧)， PolyLine(不规则折线) 等等。
stroked="t"　有无边框，t有，f无。
strokecolor　描述线(边框)的颜色，默认黑色(black)。
strokeweight　边框厚度，默认为"1px"。
filled="t"　有无背景，t有，f无。
fillcolor　背景颜色(填充色)，默认白色(white)。
to="400 .1"　描述线条的另一头坐标，起始点 from="0,0" 没写，默认。 以定位点top: 60px; left: 30px;为起点坐标0,0.另一头就是400,.1(两数间不空格写逗号也可以,.1是Y坐标0.1)
</v:line>　收尾，如无内容时可直接收尾：
<v:line style="position: absolute; top: 60px; left: 30px" stroked="t" strokecolor="#FF9966" strokeweight="1px" filled="t" fillcolor="RED" to="400 .1"/>
实际操作中只要改变400大小(线条的长短)就可以了。

 

 

文字走向

本帖隐藏的内容需要积分高于 200 才可浏览

 

 

[ 本帖最后由 羲和 于 2007-6-6 18:37 编辑 ]

文字特效 - VML路径②

 

 

颜色填充

本帖隐藏的内容需要积分高于 200 才可浏览

 

 

图片填充

本帖隐藏的内容需要积分高于 200 才可浏览

 

 

文字加阴影和立体

本帖隐藏的内容需要积分高于 200 才可浏览