 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| 响应鼠标的图片虚实效果代码 |
| 来源：源码爱好者 更新时间：2011/1/9 2:23:52 阅读次数： 我要投稿 |
|
<title>鼠标触动的图片虚实效果</title>
<script language="javascript">
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</script>
<body>
<img src="http://www.cwydesign.com/effects/UploadFiles_7074/201008/2010081122582652.jpg" style="filter:alpha(opacity=20)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)">
</body> |
| 特效说明： |
图片虚实的效果，打开的时候很轻薄的图片，透明度很低，当把鼠标放到图片的时候，图片才真正显示出来，由虚变实的过程让这款图片效果有极强的用户体验，论其实现原理，其实也挺简单，那就是使用了CSS中的Filter滤镜，像这种用法比较多了，希望大家学会使用Filter，很多网页特效都可以用滤镜来实现。 |
|
| 上一篇文章： JavaScript控制图片放大缩小下一篇文章： 鼠标放上后的图片由模糊变清晰的代码 |
|
|
|
注册 登录
