纸老虎 发表于 2008-11-30 14:30:52

网页图片特效小技巧

<P>    这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句、css滤镜代码，加上简单的javascript语句实现的，简单有趣，可以作为帮助一些朋友javascript入门的小例子。&lt;BR&gt;&lt;BR&gt;　　&lt;STRONG&gt;图片循环渐显渐隐&lt;/STRONG&gt; &lt;BR&gt;&lt;BR&gt;　　效果描述：图片循环渐显渐隐……&lt;BR&gt;&lt;BR&gt;　　实现方法：&lt;BR&gt;&lt;BR&gt;　　1、把如下代码加入＜body＞区域中： &lt;/FONT&gt;&lt;XMP&gt;&lt;img src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/15/05111512232045703.gif" name="u" border=0 <BR>alt="Image" style="filter:alpha(opacity=0)"&gt; </P><P>&lt;script language="JavaScript"&gt; <BR>var b = 1; <BR>var c = true; <BR>function fade(){ <BR>　　if(document.all); <BR>　　　　if(c == true) { <BR>　　　　　　b; <BR>　　} <BR>　　if(b==100) { <BR>　　　　b--; <BR>　　　　c = false <BR>　　} <BR>　　if(b==10) { <BR>　　　　b; <BR>　　　　c = true; <BR>　　} <BR>　　if(c == false) { <BR>　　　　b--; <BR>　　} <BR>　　u.filters.alpha.opacity=0   b; <BR>　　setTimeout("fade()",50); <BR>} <BR>&lt;/script&gt; &lt;/XMP&gt;　　2、把＜body＞改为： &lt;XMP&gt;&lt;body bgcolor="#ffffff" onLoad="fade()"&gt; &lt;/XMP&gt;　　注：图片的文件名及路径可以自行修改。 &lt;BR&gt;&lt;BR&gt;　　&lt;STRONG&gt;禁止图片下载&lt;BR&gt;&lt;BR&gt;&lt;/STRONG&gt;　　效果描述：设置某一图片禁止下载，鼠标移动到图片上面时将会给出提示，此方法治标不治本，只能骗骗菜鸟。 &lt;BR&gt;&lt;BR&gt;　　实现方法： &lt;XMP&gt;&lt;A HREF="javascript:void(0)" onMouseover="alert('对不起,此图片不能下载!')"&gt;<BR>&lt;IMG src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/15/0511151223202214.gif" Align="center" Border="0" width="99" height="50"&gt;&lt;/A&gt; &lt;/XMP&gt;　　注：图片的文件名及路径可以自行修改。&lt;BR&gt;</P><p></p></p><p align='center'><font color='red'><b></b></font></p>
页: [1]
查看完整版本: 网页图片特效小技巧