站内搜索:     
站点首页破釜学院网页制作技巧点滴 → 网页图片特效小技巧<2>
正在加载相关信息.....
Web 站内搜索
网页图片特效小技巧<2>
】【打印】【加入收藏】【关闭收藏到新浪ViVi】【收藏到365KEY】 浏览字号:
日期:2004-07-21 人气: 出处:天极
鼠标控制图片隐现效果

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

  实现方法:

   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.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="link1.gif" id="img1"> </a> </span>

>>>> 进入论坛交流 <<<<