js结合onMouseOver实现鼠标响应图片改变透明度

发布时间：2018-08-22 16:02:34 所属栏目：Asp教程来源：站长网

导读：js结合onMouseOver实现鼠标响应图片变清晰，这也是我们在网页制作中经常见到的效果，有的网站用在了友情链接位置，当我们第一眼看到图片时发现图片很模糊，当鼠标经过图片时，就变的清楚了，类似于PS中的图片透明度，挺不错的代码，赶紧给自己的网站用上吧

js结合onMouseOver实现鼠标响应图片变清晰，这也是我们在网页制作中经常见到的效果，有的网站用在了友情链接位置，当我们第一眼看到图片时发现图片很模糊，当鼠标经过图片时，就变的清楚了，类似于PS中的图片透明度，挺不错的代码，赶紧给自己的网站用上吧，欢迎继续阅读烈41火43网的其它网页教36程。

演示：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>New Page 1</title> <script language="<b>Java</b>Script1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script> </head> <body> <img src="http://www.veryhuo.com/images/nolink.jpg" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)"> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!