网页图片特效技巧小总结.docVIP

您正在看的网页美工教程是:网页图片特效技巧小总结。这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句、css滤镜代码，加上简单的javascript语句实现的，简单有趣，可以作为帮助一些朋友javascript入门的小例子。 　　图片循环渐显渐隐 　　效果描述：图片循环渐显渐隐…… 　　实现方法： 　　1、把如下代码加入＜body＞区域中： img src=image1.jpg 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 　　2、把＜body＞改为： body bgcolor=#ffffff onLoad=fade() 　　注：图片的文件名及路径可以自行修改。 　　禁止图片下载 　　效果描述：设置某一图片禁止下载，鼠标移动到图片上面时将会给出提示，此方法治标不治本，只能骗骗菜鸟。 　　实现方法： A HREF=javascript:void(0) onMouseover=alert(对不起,此图片不能下载!) IMG SRC=2.jpg Align=center Border=0 width=99 height=50/A 　　注：图片的文件名及路径可以自行修改。 　　鼠标控制图片隐现效果 　　效果显示：图片一开始是模糊显示，当鼠标移到图片上面时图片会清晰显示。 　　实现方法： 　　 1、把如下代码加入＜body＞区域中： SCRIPT language=JavaScript !-- function makevisible(cur,which) 　　if (which==0) 　　　　cur.filters.alpha.opacity=100 　　else 　　　　cur.filters.alpha.opacity=20 //-- /SCRIPT 　　2、把如下代码加入＜body＞区域中： img src=2.jpg style=filter:alpha(opacity=20) onMouseOver=makevisible(this,0) onMouseOut=makevisible(this,1) 　　注：图片的文件名及路径可以自行修改。 　　鼠标控制的图片大小变换 　　效果描述：一开始图片按设置的比例缩小显示，鼠标移动到图片上面时，图片就会按预先设置的一个较大的比例显示。 　　实现方法： 　　把如下代码加入＜body＞区域中： span id=s1 style = width : 100 a href=index.shtml onmouseover=img1.style.width=95; onmouseout=img1.style.width= 67; Img src=link1.jpg id=img1 /a /span 上一篇教程： 网页色彩的搭配 下一篇教程： RGB色彩对照表终极配色手册 网页美工教程最新更新 美化你的网页 制作精美圆角 主页的艺术处理 网页背景设计全攻略 网页配色黄金分割法 网页设计配色精彩十例 网页色谱西式的色名及色样 探讨网页色彩搭配的内涵 网页设计网站配色教程参考 韩国网站结构设计与配色方 网站配色思考 网站制作教程相关绝对秘笈：网站设计如何做 标准化网页制作人员的修炼 页面制作人员的修练之道 Cver:在线后台下载的阅读引 网页设计不良会损害你的健 php.MVC系列教程之安装配置 Linux启动及控制服务进程 Redhat Linux下常用服务介 利用Samba配置文件共享服务 配置Apache及运行perl,php 建立合理的商品类与导航类 40种网页常用小技巧(j 常见连接数据库字符串 网页表单的javascript 真的很喜欢现在的工作 搜索相关教程Google搜索 BaiDu搜索 YAHOO搜索