 screen.width-333)this.width=screen.width-333" minmax_bound="true">
代码为:<IMG src="/blog/uploadpic/2006102421152447531.jpg" width=350>
二.淡化边缘效果
代码为:<IMG style="FILTER: Alpha(opacity=100,style=1)" src="/blog/uploadpic/2006102421152447531.jpg" width=350>
代码为:<IMG style="FILTER: Alpha(opacity=100,style=2)" src="/blog/uploadpic/2006102421152447531.jpg" width=350>
代码为:<IMG style="FILTER: Alpha(opacity=100,style=3)" src="/blog/uploadpic/2006102421152447531.jpg" width=350>
代码为:<IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="uploadpic/2006102421152447531.jpg" width=350>
三.图片加框效果
代码为:1.<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:8px #987cb9 dotted">
2.<IMG style="BORDER-RIGHT: #987cb9 8px dotted; BORDER-TOP: #987cb9 8px dotted; BORDER-LEFT: #987cb9 8px dotted; BORDER-BOTTOM: #987cb9 8px dotted" src="/blog/uploadpic/2006102421152447531.jpg">
代码为:<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:12px #987cb9 double">
代码为:<P align=center><img src="uploadpic/2006102421152447531.jpg" width=350 style="border:5px #987cb9 dashed">
代码为:<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:12px #987cb9 groove">
|
screen.width-333)this.width=screen.width-333" minmax_bound="true"> |
代码为:<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=350 align=center ><img src="uploadpic/2006102421152447531.jpg">
代码为: <img src="uploadpic/2006102421152447531.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=10)">
四.图片移动效果
代码为:<MARQUEE direction=right scrollamount=10><IMG src="/blog/uploadpic/2006102421152447531.jpg"></MARQUEE>
说明:direction=right表示图片自左向右移动,direction=left表示自右向左移动,也可缺省.direction=up表示图片自下而上移动,direction=down表示自上往下移动.
代码为:<marquee width=100% behavior=alternate scrollamount=10><img src="/blog/uploadpic/2006102421152447531.jpg" width=350 ></marquee>
代码为:<marquee width=100% behavior=slide scrollamount=10><img src="/blog/uploadpic/2006102421152447531.jpg" width=350 ></marquee>
代码为::<marquee direction=left><marquee behavior=alternate direction=up height=500><img src="/blog/uploadpic/2006102421152447531.jpg>"; </marquee>
代码为:<marquee width=350 ><img src="/blog/uploadpic/2006102421152447531.jpg" width=350> </marquee><marquee direction=right width=350 ><img src="/blog/uploadpic/2006102421152447531.jpg" width=350> </marquee>
代码为:<marquee direction=up scrollamount=3><center><img src="/blog/uploadpic/2006102421152447531.jpg" width=350></marquee><marquee direction=down scrollamount=3> <center> <div style="width:350;filter:flipv;"><img src="uploadpic/2006102421152447531.jpg" width=350></div></center></marquee>
代码为:
<MARQUEE scrollAmount=3 direction=right behavior=alternate>
<MARQUEE direction=up behavior=alternate width=100 height=500>
<P align=center><IMG src="/blog/uploadpic/2006102421152447531.jpg"></MARQUEE>
|
|
|
|
|
代码为:<TABLE cellSpacing=0 cellPadding=0 width="50%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=175><IMG style="FILTER: fliph()" src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=175><IMG src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=175><IMG style="FILTER: fliph()" src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=175><IMG src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD></TR></TBODY></TABLE>
五.图片的一些效果的组合
代码为:1.<MARQUEE direction=right scrollamount=10><IMG style="FILTER: Alpha(opacity=100,style=2)" src="/blog/uploadpic/2006102421152447531.jpg"> </MARQUEE>
2.<MARQUEE direction=right scrollamount=10 >
<TABLE style="FILTER: Alpha(opacity=100,style=2)" width=350 height=263 background="/blog/uploadpic/2006102421152447531.jpg" > </MARQUEE>
代码为: <MARQUEE style="WIDTH: 1000px " scrollAmount=5 direction=right>
<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:8px #987cb9 dotted"></MARQUEE>
六.图片的另外一些滤镜效果
代码为: <IMG height=232 src="/blog/uploadpic/2006102421152447531.jpg" width=310><BR><IMG id=reflection style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=232 src="/blog/uploadpic/2006102421152447531.jpg" width=310>
代码为: <IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="/blog/uploadpic/2006102421152447531.jpg">
代码为: <IMG style="FILTER: gray" src="/blog/uploadpic/2006102421152447531.jpg">
代码为:<img src="uploadpic/2006102421152447531.jpg" style="filter:invert">
七.用JavaScript实现的其它图片效果
|
