最近在做一个鼠标移入移出图片事件,有几种方法大家可以试一下
首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同
方法一
代码如下:
图片列表:鼠标移入/移出改变图片透明度 window.onload = function ()
{
var oLi = document.getElementsByTagName("li");
for (var i = 0; i < oLi.length; i++)
{
oLi[i].onmouseover = function ()
{
this.className = "current"
};
oLi[i].onmouseout = function ()
{
this.className = ""
}
}
}
script>
方法二
代码如下:
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
script>
还有一种方法是鼠标移入移出图片,改变图片的大小
在标签中加入一下代码即可,鼠标移动到图片时图片向右上变大,离开图片变回原大小
代码如下: