sky30002001 发表于 2006-8-7 21:26:21

[08/07][教程][一组移动滤镜特效]

<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 60px">
<P align=center>
<MARQUEE scrollAmount=4 directio="down"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914153628.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914344861.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291442672.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291441445.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914427363.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291443888.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914452265.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291455769.jpg"></MARQUEE></P></DIV>
<BR><BR>
<p><TEXTAREA rows=10 cols=100><DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 60px">
<P align=center>
<MARQUEE scrollAmount=4 directio="down"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914153628.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914344861.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291442672.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291441445.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914427363.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291443888.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914452265.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://bbs.xxjy.net/UploadFile/2005-10/200510291455769.jpg"></MARQUEE></P></DIV></TEXTAREA> </p>

这个语法，是直接将CSS滤镜特效代码写进每一个表单图片按钮代码里的。

一般来说，滤镜特效代码加在图片里，只能加在表单的图片按钮代码里，加在图片链接代码里论坛不支持的，但在IE里和部分论坛里是支持的，但据我所知，动网多数是不支持的。


<CENTER>
<DIV style="FILTER: alpha(opacity=100,style=2); WIDTH: 400px">
<MARQUEE><IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914153628.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914344861.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291442672.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291441445.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914427363.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291443888.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291455769.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914452265.jpg"></MARQUEE></DIV>
<CENTER></CENTER></CENTER>

以上特效代码如下:
<TEXTAREA rows=10 cols=100><CENTER>
<DIV style="FILTER: alpha(opacity=100,style=2); WIDTH: 400px">
<MARQUEE><IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914153628.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914344861.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291442672.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291441445.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914427363.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291443888.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/200510291455769.jpg"> <IMG src="http://bbs.xxjy.net/UploadFile/2005-10/2005102914452265.jpg"></MARQUEE></DIV></TEXTAREA>

使用表单的图片按钮代码还有一个好处，就是可以任意放大图片和缩小图片。同时，也可以控制图片的尺寸，避免系统将大图片自动缩小。

这里，也可以使用链接图片代码<*img src=#>，因为在这个语法里，CSS滤镜代码不是直接写在
式子里的，所以可以直接使用链接图片代码<*img src=#>。

这个语法的特点，就是不需要在每副图片里写进滤镜特效的代码。当然，所显示的效果也和上面有所区别了，两者风格各异、各有千秋

注意，在使用代码时，请去掉代码中的“*”号

[ 本帖最后由 月儿 于 2006-8-8 00:07 编辑 ]

rayboy 发表于 2006-8-8 02:27:18

个人感觉第一个特效好点 ，第2个浏览的太快了点，不过还是谢谢发贴，我又学了点东西。

小辣椒 发表于 2006-8-8 11:13:12

代码好长.......慢慢研究...

tonn 发表于 2006-8-8 18:40:32

学习学习,谢谢苍间风月

kittenmimi 发表于 2006-8-12 10:12:05

<FONT face=楷体_GB2312 color=#13a930 size=4>谢谢苍间风月</FONT></P>
<FONT size=4><FONT color=#13a930><FONT face=楷体_GB2312>提供一组移动特效滤镜资料,</FONT><FONT face=楷体_GB2312></FONT></P>
<FONT face=楷体_GB2312 color=#13a930 size=4>第一次试用移动特效滤镜，</FONT></P>
<FONT face=楷体_GB2312 color=#13a930 size=4>将一组江南图连贯。</FONT></P>

tonylynn 发表于 2006-8-13 18:39:35

老大我有的文章 图片背景音乐怎么加呢。帮帮忙，谢谢了。发到我短消息里吧。谢谢。

不弃 发表于 2006-10-31 18:58:15

<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 60px"><P align=center><MARQUEE scrollAmount=4 directio="down">

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=imagewidth=400 src="http://www.xyhc.com/attachments/month_0702/2030627_m_2030629_4613_HD6RTFGNMhoP.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400src="http://www.xyhc.com/attachments/month_0702/2030630_m_2030632_2784_ykTsWZfehE9s.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://www.xyhc.com/attachments/month_0702/2030633_m_2030635_2264_FvY9140N0fu9.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://www.xyhc.com/attachments/month_0702/2030636_m_2030638_9732_tr4bLIKODIiC.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://www.xyhc.com/attachments/month_0702/2030639_m_2030641_1608_tWUVaWzmx2Uc.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://www.xyhc.com/attachments/month_0702/2030642_m_2030644_1939_Xsq32W50QgfY.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=imagewidth=400 src="http://www.xyhc.com/attachments/month_0702/2030648_m_2030650_7987_TxCxYwWTuefr.jpg">
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://www.xyhc.com/attachments/month_0702/2030654_m_2030656_1378_LXYOEL1wSWtC.jpg">

</MARQUEE></P></DIV>

[ 本帖最后由 不弃 于 2007-2-8 23:13 编辑 ]
页: [1]
查看完整版本: [08/07][教程][一组移动滤镜特效]