用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

鼠标放上时图片高亮,移出时半透明

2012-12-02 作者: 程序猿style举报

[javascript]代码库

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标感应:渐显图片</title>
</head>
<body>
<center>
  <h1>鼠标感应:渐显图片</h1>
  <hr>
  <!--显示一个超级链接,其onMouseOver事件调用相应的事件处理函数--> 
  <a href="" name=link1 onMouseOver="link1Over()">鼠标移动至这里显示图片</a><br>
  <!--显示一幅空图片,其清晰度为0,并有onMouseOver和onMouseOut调用相应函数--> 
  <img name="img1"  src="7_3.jpg" style="filter:alpha(opacity=0)" 
onMouseOver="makevisible(this,0)" 
onMouseOut="makevisible(this,1)"> 
  <script language="JavaScript">
<!--
function link1Over()              	          //函数:显示图像
{   													                          //链接一的鼠标事件:替换图像
	document.img1.src="7_3.jpg"               //要显示的图像
	document.img1.filters.alpha.opacity=20    //图像清晰度20%
}
function makevisible(cur,a)                   //图像清晰度切换
{
	if (a==0) {
	  cur.filters.alpha.opacity=100           //清晰度变为100%
	}
        else {
	  cur.filters.alpha.opacity=20            //清晰度变为20%
	}
}
//-->
</script>
</center>
</body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...