Board logo

标题: [小技巧]很有趣的代码 [打印本页]
作者: 尘世难逢    时间: 2006-5-6 13:35     标题: [小技巧]很有趣的代码

全部代码：

<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>

作者: 尘世难逢    时间: 2006-5-6 13:41

朋友们可以在上面的蓝色的图片地址，可以替换相同主题的图片，然后根据需要修改宽度和高度。就能做出如同FLASH效果的图来。
作者: 尘世难逢    时间: 2006-5-6 13:47

一张普通的原图

以上图为例:

一.圆形朦胧

代码：

<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>

作者: 尘世难逢    时间: 2006-5-6 13:49

效果二:方形朦胧

代码：

<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>

作者: 尘世难逢    时间: 2006-5-6 13:52

效果三:加滤镜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>

作者: 尘世难逢    时间: 2006-5-6 13:54

效果四:加滤镜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>
作者: 尘世难逢    时间: 2006-5-6 13:56

效果五:加滤镜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>

作者: 尘世难逢    时间: 2006-5-6 13:57

效果六:加滤镜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>

作者: 尘世难逢    时间: 2006-5-6 14:00

效果七:加滤镜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>

作者: 尘世难逢    时间: 2006-5-6 14:03

效果八:倒影偏左偏右

代码：

<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>

作者: 尘世难逢    时间: 2006-5-6 14:06

效果九:百页窗效果

代码：

<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>

作者: 尘世难逢    时间: 2006-5-6 14:07

效果十:图片分段移动

代码：

<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>

作者: 雪儿    时间: 2006-5-7 11:17

好玩，学习了
作者: 玉蝴蝶    时间: 2006-5-10 08:18

提示: 作者被禁止或删除 内容自动屏蔽
作者: 小嘎    时间: 2006-5-16 10:54

提示: 作者被禁止或删除 内容自动屏蔽
作者: 碧清    时间: 2006-5-16 11:40

谢谢，收藏了！
作者: 小嘎    时间: 2006-5-16 11:55

提示: 作者被禁止或删除 内容自动屏蔽
作者: 橄榄树    时间: 2006-5-19 11:27

试试：）：）

作者: 晓静    时间: 2006-5-31 14:49

真是神奇,超喜欢
作者: 梦雅仙雪    时间: 2006-11-30 17:11

提示: 作者被禁止或删除 内容自动屏蔽
作者: 如梦    时间: 2006-12-1 21:06

提示: 作者被禁止或删除 内容自动屏蔽
作者: 2006年    时间: 2006-12-3 09:40

非常好，不错。



欢迎光临 西湖天堂 (http://xh1688.com/bbs/) Powered by Discuz! 7.0.0