网页图片特效小技巧<2> - 物联网

网页图片特效小技巧<2>
2007-01-22

鼠标控制图片隐现效果

　　效果显示：图片一开始是模糊显示，当鼠标移到图片上面时图片会清晰显示。

　　实现方法：

　　 1、把如下代码加入＜body＞区域中： <SCRIPT language="&#106avascript">  </SCRIPT> 　　2、把如下代码加入＜body＞区域中： <img src="http://www.7880.com/Info/2.gif" 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="http://www.7880.com/Info/link1.gif" id="img1"> </a> </span>

热词搜索：

分享到：

网页图片特效小技巧<2>
2007-01-22

延伸阅读

热文

网页图片特效小技巧&lt;2&gt; 2007-01-22

延伸阅读

热文

网页图片特效小技巧<2>
2007-01-22