网页图片特效小技巧

2008-02-23 06:06:16来源：互联网阅读 ()

这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句、CSS滤镜代码，加上简单的javascript语句实现的，简单有趣，能够作为帮助一些朋友javascript入门的小例子。 

　　图片循环渐显渐隐 

　　效果描述：图片循环渐显渐隐…… 

　　实现方法： 

　　1、把如下代码加入＜body＞区域中： <XMP><img src="image1.gif" name="u" border=0

　　alt="Image" style="filter:alpha(opacity=0)">

　　<script language="JavaScript">

　　var b = 1;

　　var c = true;

　　function fade(){

　　if(document.all);

　　if(c == true) {

　　b ;

　　}

　　if(b==100) {

　　b--;

　　c = false

　　}

　　if(b==10) {

　　b ;

　　c = true;

　　}

　　if(c == false) {

　　b--;

　　}

　　u.filters.alpha.opacity=0 b;

　　setTimeout("fade()",50);

　　}

　　</script> </XMP>

　　2、把＜body＞改为： <XMP><body bgcolor="#ffffff" onLoad="fade()"> </XMP>

　　注：图片的文档名及路径能够自行修改。 

　　禁止图片下载 

　　效果描述：配置某一图片禁止下载，鼠标移动到图片上面时将会给出提示，此方法治标不治本，只能骗骗菜鸟。 

　　实现方法： <XMP><A HREF="javascript:void(0)" onMouseover="alert('对不起,此图片不能下载!')">

　　<IMG SRC="2.gif" Align="center" Border="0" width="99" height="50"></A> </XMP>

　　注：图片的文档名及路径能够自行修改。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有