傻宝刻录空间=2015_01_27 云烟老师代码【扇形移动】刻录
个人日记
代码编辑：过眼云烟1824037683
HTML代码高级课【7】扇形移动效果
第一部分 边框
透明底图源代码
<TABLE title="代码编辑：过眼云烟1824037683 " width="870" align=center height=100>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>
模糊滤镜+背景颜色style="FILTER:Blur(Add=true, Direction=90, Strength=10)" bgColor="#c5b220"
背景底图代码
<table style="BACKGROUND-IMAGE:url(背景地址);FILTER:alpha(opacity=10,style=0)" width="40" align="center" height="2170">
<TBODY><TR><TD></TD></TR></TBODY>
</table>
背景地址
缝线地址【竖】
波纹卷轴地址
<table style="FILTER:flipH" title="代码编辑：过眼云烟1824037683 " width="10" align="center" height="2170">
<TBODY><TR><TD style="FILTER:Wave(Add=0,Freq=1,LightStrength=70, Phase=75,Strength=0);WRITING-MODE:tb-rl" bgColor="#e2d255" height="2170" width="10"></TD></TR></TBODY>
</table>
波纹滤镜
style="FILTER:Wave(Add=0,Freq=120,LightStrength=80, Phase=75,Strength=0 )"
波纹边框代码
<table style="FILTER:flipH" title="代码编辑：过眼云烟1824037683 " width="51" align="center" height="2170">
<TBODY><TR><TD style="FILTER:Wave(Add=0,Freq=1,LightStrength=70, Phase=75,Strength=0);WRITING-MODE:tb-rl" bgColor="#e2d255" height="2170" width="51"></TD></TR></TBODY>
</table>
缝线地址【横】
第二部分 中间内容
效果【1】
背景波纹
style="FILTER:wave(add=0,lightstrength=50,strength=0,freq=100,phrase=75)"
对齐居左 align="left"
小边框代码
<table style="BORDER-BOTTOM:#53540b 2px solid;BORDER-LEFT:#53540b 2px solid;BORDER-TOP:#53540b 2px solid;BORDER-RIGHT:#53540b 2px solid" align="center" idx="1">
<TBODY><TR><TD></TD></TR></TBODY>
</table>
图片缩放滤镜
style="FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=2,src=' 图片地址 ', sizingMethod='scale')"
图片地址1-1
图片地址1-2
动画遮罩地址
彩色透明滤镜1 style="FILTER:chroma(color=#ff0000)"
彩色透明滤镜2 style="FILTER:chroma(color=#F5F5F5)"
垂直踞底 vAlign="bottom"
图片地址1-3
水平翻转 style="FILTER:fliph "
彩色透明+发光+背景颜色
style="FILTER:chroma(color=#f6f6bd) glow(color=#53540b,strength=10)" bgColor="#c5b220"
矩阵+运动模糊+边框线
style="FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=2.0,M12=-0.0,M21=-0.0,M22=2.0,SizingMethod='auto expand') progid:DXImageTransform.Microsoft.MotionBlur(strength=10,direction=315,add=0);BORDER-TOP:#f6f6bd 200px dotted"
单边外边距属性 style="MARGIN-TOP:-350px"
标题代码
<table width="200" align="center">
<TBODY><TR><TD style="FILTER:glow(color=#efbf2b,strength=5)" align="middle"><FONT style="WRITING-MODE:tb-rl;FONT-FAMILY:黑体;COLOR:#775b05;FONT-SIZE:12pt"><B>文字/先生 制作/过眼云烟</B></FONT> </TD><TD style="FILTER:glow(color=#efbf2b,strength=5)" align="left"><FONT style="WRITING-MODE:tb-rl;FONT-FAMILY:黑体;COLOR:#775b05;FONT-SIZE:35pt"><B>有你 </B></FONT> </TD><TD style="FILTER:glow(color=#efbf2b,strength=5)" vAlign="top" align="left"><FONT style="WRITING-MODE:tb-rl;FONT-FAMILY:黑体;COLOR:#775b05;FONT-SIZE:45pt"><B>红尘 </B></FONT> </TD></TR></TBODY>
</table>
竖排文字代码1
<table style="FILTER:glow(color=#efbf2b,strength=5)" width="590" align="center">
<TBODY><TR><TD align="middle"><FONT style="WRITING-MODE:tb-rl;FONT-FAMILY:黑体;COLOR:#775b05;FONT-SIZE:11pt"><B>新缘能不能够重来旧<br/>
梦可不可以再续鲜花<br/>
凋零了毕竟有过绽放<br/>
的欢喜烟花消失了在<br/>
夜空也留下了瞬间的<br/>
美丽蝴蝶飞走了是为<br/>
了寻觅沧海的秘密蜜<br/>
蜂留下了是在苦苦地<br/>
等待下一个花期可是<br/>
你一个转身就已经拉<br/>
开了我们的距离勿忘<br/>
我已荒芜缘分也装在<br/>
了行囊里默默无语心<br/>
与心相距千万里不说<br/>
彼时不说此时在痴情<br/>
等待也熬不过时光的<br/>
流逝流星累了化作一<br/>
道痴情的流雨彩虹寂<br/>
寞了也化作一条条多<br/>
彩的云霓心与心之旅<br/>
总是难以越过那一道<br/>
道笆篱</B></FONT> </TD></TR></TBODY>
</table>
效果【2】
图片地址2-1
移动标签 <MARQUEE>内容</MARQUEE>
文字书写模式90度转向 style="WRITING-MODE:tb-rl;WIDTH:290px;HEIGHT:290px" align="middle"
羽化代码
<IMG style="FILTER:Alpha(Opacity=100,FinishOpacity=0 Style=2) fliph" src="图片地址" width="290" height="290">
垂直居顶 vAlign="top"
图片地址2-2
竖排文字代码2
<table style="FILTER:glow(color=#efbf2b,strength=5)" width="590" align="center">
<TBODY><TR><TD align="middle"><FONT style="WRITING-MODE:tb-rl;FONT-FAMILY:黑体;COLOR:#775b05;FONT-SIZE:11pt"><B>也许时间会把一切<br/>
的痛苦忘记就像那温<br/>
暖的春风会吹绿所有<br/>
的柳枝人生只不过是<br/>
一次次无奈才构成了<br/>
和谐的四季命运没有<br/>
太多的抉择成败得失<br/>
不要太去在意 把一<br/>
颗心放平永远也不要<br/>
叹息斜阳芳草阿娜多<br/>
姿摇曳着许多温馨的<br/>
追忆春花秋月浓妆淡<br/>
抹也羡慕过我们曾经<br/>
的甜蜜珍惜眼前忘掉<br/>
过去用思念的杯去痛<br/>
饮那溢满泪水的陈年<br/>
酒滴花开花落潮落潮<br/>
起也许前方的路口湖<br/>
光山色花香鸟语有一<br/>
处更靓丽的风景在等<br/>
待着跋涉的人来<br/>
欣赏栖息 </B></FONT></TD></TR></TBODY>
</table>
效果【3】
图片地址3-1
图片地址3-2
2015.1.11整理
文章评论