Board logo

标题: [贴图] [原创]可以在论坛显示的图片转换特效 [打印本页]

作者: 爱错    时间: 2005-12-14 06:54     标题: [原创]可以在论坛显示的图片转换特效




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


作者: 爱错    时间: 2005-12-14 07:48

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


作者: 爱错    时间: 2005-12-14 07:51





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


作者: 爱错    时间: 2005-12-14 07:54


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



作者: 爱错    时间: 2005-12-14 07:58

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


























作者: 爱错    时间: 2005-12-14 08:14

懂代码的朋友会明白.下面这段代码实际上就是代码帖子的边框代码.只是在最里面一层的<td>里加了一句代码红色部分).这句代码中,要根据自己需要更改的只有:"宽度width= 高度height= 背景图片地址background= "其他代码无须更改.

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


作者: 爱错    时间: 2005-12-14 08:23

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

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

看似复杂,其实也很简单.直接套用,只要将代码根据自己的需要做些更改就可以了.

大胆的用特效装扮你的帖子吧,祝大家成功!
作者: one    时间: 2005-12-14 08:28

<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编辑过]


作者: 竹叶青    时间: 2005-12-14 19:17

呃..
作者: 小轻    时间: 2005-12-15 00:50

啊,,,高手中的高手教招,快学一学,呵呵
作者: 流星网络    时间: 2005-12-15 05:48

辛苦楼主了啊,
作者: 爱错    时间: 2005-12-19 07:18

主要有一点,你门就算把我的帖子复制也发不到这个效果,想学就加我QQ316559215
作者: 雅馨    时间: 2005-12-20 06:26

以下是引用爱错在2005-12-13 22:54:29的发言:






作者: 雅馨    时间: 2005-12-20 06:27

怎么拉呀,我把代码复制的呀
作者: 小轻    时间: 2005-12-20 06:49

嗯,引用了就可以看到代码了,聪明
作者: 爱错    时间: 2005-12-20 11:10

呵呵,你把我代码复制了,但被自动修正 了,要把自动修正前的对号去掉才可以发我这样的效果哦


作者: 台湾女孩    时间: 2006-1-1 09:18

我来试试


那个叶子怎么从楼顶飘下的?怎么做的?

[此贴子已经被作者于2006-1-1 1:20:59编辑过]


作者: 爱错    时间: 2006-1-1 09:41

发几个好看滴素材--






[此贴子已经被作者于2006-1-1 1:41:59编辑过]


作者: 爱错    时间: 2006-1-1 09:43

二----


[此贴子已经被作者于2006-1-1 1:43:30编辑过]


作者: 爱错    时间: 2006-1-1 09:44







[此贴子已经被作者于2006-1-1 1:46:10编辑过]


作者: 爱错    时间: 2006-1-1 09:47







[此贴子已经被作者于2006-1-1 1:47:50编辑过]


作者: 爱错    时间: 2006-1-1 09:49

嘿嘿.....,友情提个醒,收藏从速哦,网址失效可就什么都没了!!
作者: 爱错    时间: 2006-1-1 09:53

线条


























[此贴子已经被作者于2006-1-1 1:53:25编辑过]


作者: 爱错    时间: 2006-1-1 09:55

不知道有人要吗

[此贴子已经被作者于2006-1-1 2:01:12编辑过]


作者: 小轻    时间: 2006-1-1 18:35

加精了吧,这贴




欢迎光临 书酒国风 (http://shujiu.com/bbs/) Powered by Discuz! 5.5.0