响应鼠标的图片虚实（透明度）效果代码

发布时间：2018-08-19 19:19:30 所属栏目：Asp教程来源：站长网

导读：图片透明度效果，在烈火学院以前的网页特效教程中曾发表过，大家可以回顾一下，虚实的效果，打开的时候很轻薄的图片，透明度很低，当把鼠标放到图片的时候，图片才真正显示出来，由虚变实的过程让这款图片效果有极强的用户体验，论其实现原理，其实也挺简

　　图片透明度效果，在烈火学院以前的网页特效教程中曾发表过，大家可以回顾一下，虚实的效果，打开的时候很轻薄的图片，透明度很低，当把鼠标放到图片的时候，图片才真正显示出来，由虚变实的过程让这款图片效果有极强的用户体验，论其实现原理，其实也挺简单，那就是使用了CSS中的Filter滤镜，像这种用法比较多了，希望大家学会使用Filter，很多网页特效都可以用滤镜来实现。

　　演示：

<title>鼠标触动的图片虚实效果</title> <script language="javascript">  </script> <body> <img src="/uploads/common/images/p1.jpg" style="filter:alpha(opacity=20)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)"> </body> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：应用网_丽江站长网）

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