本文介绍如何使用JavaScript实现鼠标悬停时图片透明度变化的效果。通过定义makevisible函数,利用onMouseOver和onMouseOut事件监听鼠标状态,动态修改图片的alpha滤镜透明度属性,从而在鼠标移入和移出时分别设置100%和20%的透明度,实现视觉交互效果。
JavaScript实现鼠标悬停图片透明度变化
本文详细介绍了一种利用JavaScript实现鼠标悬停时图片透明度动态变化的技术方案,旨在为开发者提供实用的参考示例。
具体代码实现如下:
<html>
<head>
<title>感应鼠标图片透明度变化</title>
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
</head>
<body>
将鼠标放在图片上看看效果!<br>
<img src="/images/skinslogo.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">
</body>
</html>
希望本文所述的JavaScript程序设计技巧能对您的开发工作有所帮助。