返回列表 回复 发帖

[小技巧]很有趣的代码

[小技巧]很有趣的代码

全部代码:

<TABLE borderColor=#6b8e23 cellSpacing=10 cellPadding=10 align=center bgColor=#55632f border=18 valign="middle"><TBODY><TR><TD align=middle width="100%"><DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 330px; POSITION: relative; TOP: 0px; HEIGHT: 230px"> <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">

<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />

<t:SEQ repeatCount = "indefinite">

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 330px; POSITION: absolute; TOP: 0px" src = "http://www.sucaicd.com/5/JPEG640/082/001_050/DJ044_L.jpg" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "fade" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 330px; POSITION: absolute; TOP: 0px" src = "http://www.sucaicd.com/5/JPEG640/082/001_050/DJ050_L.jpg" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "ClockWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 330px; POSITION: absolute; TOP: 0px" src = "http://www.sucaicd.com/5/JPEG640/082/051_100/DJ098_L.jpg" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "snakeWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 330px; POSITION: absolute; TOP: 0px" src = "http://www.sucaicd.com/5/JPEG640/082/151_200/DJ177_L.jpg" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "ellipseWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

</t:SEQ>

</DIV></DIV></TD></TR></TBODY></TABLE>

朋友们可以在上面的蓝色的图片地址,可以替换相同主题的图片,然后根据需要修改宽度和高度。就能做出如同FLASH效果的图来。

一张普通的原图

以上图为例:

一.圆形朦胧

代码:

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

效果二:方形朦胧

代码:

<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=312 width=410 cellSpacing=0 cellPadding=0 width="100%" align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

效果三:加滤镜1

代码:

<TABLE style="FILTER: blur(strength=100)" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

效果四:加滤镜2
代码: <TABLE style="FILTER: gray" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>
效果五:加滤镜3

代码:

<TABLE style="filter:invert" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

效果六:加滤镜4

代码:

<TABLE style="FILTER: xray" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

效果七:加滤镜5

代码:

<TABLE style="filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

效果八:倒影偏左偏右

代码:

<P align=center style="FILTER: flipH; WIDTH: 358px"><BR><IMG height=312 src="http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif" width=410></P>

效果九:百页窗效果

代码:

<TABLE border=0 align=center cellspacing=0 cellpadding=0> <TBODY> <TR> <TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=410 background=http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif height=312></TD></TR></TBODY></TABLE>

效果十:图片分段移动

代码:

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://luguo.16789.net/s-helpSite/domName/luguo/2005112610355069473.gif"></MARQUEE></TD></TR></TBODY></TABLE>

好玩,学习了



我就是我,是颜色不一样的烟火。天空海阔,要做最坚强的泡沫。我喜欢我,让蔷薇开出一种结果。孤独的沙漠里,一样盛开得赤裸裸!
提示: 作者被禁止或删除 内容自动屏蔽
提示: 作者被禁止或删除 内容自动屏蔽
返回列表