- 最后登录
- 2013-7-18
- 注册时间
- 2011-7-16
- 阅读权限
- 70
- 积分
- 3247
 
- 纳金币
- 324742
- 精华
- 0
|
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="JavaScript1.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>
文章源自：烈火网，原文：http://www.veryhuo.com/a/view/29309.html
|
|
发表于 2011-12-30 19:19:33
QQ好友和群
腾讯微博
腾讯朋友
微信
转播
淘帖
收藏
支持
反对