[此贴子已经被作者于2005-12-14 0:01:48编辑过]

[此贴子已经被作者于2005-12-14 15:18:41编辑过]

[此贴子已经被作者于2005-12-13 23:52:56编辑过]

qvu3dj5t.jpg (45.28 KB)

2005-12-21 07:27

[此贴子已经被作者于2005-12-20 23:28:01编辑过]

我们将下面这八张图片,使用代码组成图片转换特效.这种特效不需要空间,可以直接在论坛里显示.

懂代码的朋友会明白.下面这段代码实际上就是代码帖子的边框代码.只是在最里面一层的<td>里加了一句代码红色部分).这句代码中,要根据自己需要更改的只有:"宽度

[此贴子已经被作者于2005-12-14 0:21:53编辑过]

这一部分代码才是最主要的.(红色部分).需要更改的代码用黑色标出。

<CENTER>
<DIV style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; LEFT: 10%; BORDER-LEFT: 0px; WIDTH: 400px; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 558%; HEIGHT: 400px; align: center">
<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<t:SEQ repeatCount = "indefinite">
<t:MEDIA style="FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315474814441.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(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315474878746.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(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315474824314.jpg" dur = "3" timeContainer = "par">
<t:TRANSITIONFILTER from = "0" to = "1" type = "barnDoorWipe" dur = "2">
</t:TRANSITIONFILTER>
</t:MEDIA>
<t:MEDIA style="FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315484332712.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(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315505092785.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(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315515673599.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(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542315554230160.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(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "http://bbs.guqu.net/UploadFile/2005-4/200542316154384356.jpg" dur = "3" fill = "transition" timeContainer = "par">
<t:TRANSITIONFILTER from = "0" to = "1" type = "fade" dur = "2">
</t:TRANSITIONFILTER>
</t:MEDIA>
</t:SEQ>
</DIV>
</CENTER>

TOP: 558% 是将特效图片定位.指的是特效图片离顶部IE浏览器的距离.更改此数值,可以将特效图片向上或向下移动.

LEFT: 70% 是指特效图片离左边的距离.更改此数值,可以将特效图片向左或向右移动.

WIDTH: 400px HEIGHT: 400px 是宽度和高度.

http://bbs.guqu.net/UploadFile/2005-4/200542315554230160.jpg 是图片地址.

如果需要添加更多的图片，只要再添加：

<t:MEDIA style="FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 70%; WIDTH: 400px; POSITION: absolute; HEIGHT: 400px" src = "图片文件地址" 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(opacity=100,finishopacity=0,style=2); LEFT:70%; WIDTH:400px; POSITION: absolute; HEIGHT:400px" src = "http://forum2.ent.sina.com.cn/upload/76/5885/20051114/222/44522/44522.jpg" dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "fade" dur = "2"></t:TRANSITIONFILTER></t:MEDIA>

试试..

[此贴子已经被作者于2005-12-14 0:29:50编辑过]