IT运维管理,创造商业价值!
中国IT运维网首页 | 资讯中心 | 运维管理 | 信息安全 | CIO视界 | 云计算 | 最佳案例 | 运维资源 | 专题策划 | 知识库 | 论坛

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

2007年01月22日
/
鼠标控制图片隐现效果

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

  实现方法:

   1、把如下代码加入<body>区域中: <SCRIPT language=&quot;&#106avascript&quot;> <!-- function makevisible(cur,which){   if (which==0)     cur.filters.alpha.opacity=100   else     cur.filters.alpha.opacity=20 } //--> </SCRIPT>   2、把如下代码加入<body>区域中: <img src=&quot;http://www.7880.com/Info/2.gif&quot; style=&quot;filter:alpha(opacity=20)&quot; onMouseOver=&quot;makevisible(this,0)&quot; onMouseOut=&quot;makevisible(this,1)&quot;>   注:图片的文件名及路径可以自行修改。

  鼠标控制的图片大小变换

  效果描述:一开始图片按设置的比例缩小显示,鼠标移动到图片上面时,图片就会按预先设置的一个较大的比例显示。

  实现方法:

  把如下代码加入<body>区域中: <span id=&quot;s1&quot; style = &quot;width : 100&quot;> <a href=&quot;index.shtml&quot; onmouseover=&quot;img1.style.width=&#039;95&#039;;&quot; onmouseout=&quot;img1.style.width= &#039;67&#039;;&quot;> <Img src=&quot;http://www.7880.com/Info/link1.gif&quot; id=&quot;img1&quot;> </a> </span>
发表评论请到:http://bbs.cnitom.com

相关阅读

图文热点

风险管理 大数据分析并不是风险“预言家”
风险管理 大数据分析并不是风险“预言家”CIO们在使用大数据分析工具的前提是部署云计算,但是云计算不无高风险,例如把关...
高性能万兆WAF创造Web安全防护新境界
高性能万兆WAF创造Web安全防护新境界启明星辰万兆WAF在超过10G数据吞吐量的情况下还能实现对SQL注入、XSS跨站等攻击进...

本类热点