最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:17:15
文档

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

鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧:最近在做一个鼠标移入移出图片事件,有几种方法大家可以试一下 首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同 方法一 代码如下: 图片列表:鼠标移入/移出改变图片透明度 ul,li{margin:0;padding:0;list-style-type
推荐度:
导读鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧:最近在做一个鼠标移入移出图片事件,有几种方法大家可以试一下 首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同 方法一 代码如下: 图片列表:鼠标移入/移出改变图片透明度 ul,li{margin:0;padding:0;list-style-type
 最近在做一个鼠标移入移出图片事件,有几种方法大家可以试一下
首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同
方法一
代码如下:



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


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
    }






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

    文档

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

    鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧:最近在做一个鼠标移入移出图片事件,有几种方法大家可以试一下 首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同 方法一 代码如下: 图片列表:鼠标移入/移出改变图片透明度 ul,li{margin:0;padding:0;list-style-type
    推荐度:
    标签: 图片 的图片 事件
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top