奇游网

全部频道

您的当前位置：首页鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

来源：奇游网
 最近在做一个鼠标移入移出图片事件，有几种方法大家可以试一下
首先是改变分辨率的两种方法，鼠标移入图片和移出图片的分辨率不同
方法一
代码如下:



图片列表：鼠标移入/移出改变图片透明度


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 = ""
}
}
}









  • 方法二
    代码如下:

    function makevisible(cur,which){
    if (which==0)
    cur.filters.alpha.opacity=100
    else
    cur.filters.alpha.opacity=20
    }






    还有一种方法是鼠标移入移出图片，改变图片的大小
    在标签中加入一下代码即可，鼠标移动到图片时图片向右上变大，离开图片变回原大小
    代码如下:

    显示全文