首页  >  文章  >  web前端  >  鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

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

WBOY
WBOY原创
2016-05-16 17:08:522004浏览

最近在做一个鼠标移入移出图片事件,有几种方法大家可以试一下
首先是改变分辨率的两种方法,鼠标移入图片和移出图片的分辨率不同
方法一

复制代码 代码如下:




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

<script> <BR>window.onload = function () <BR>{ <BR>var oLi = document.getElementsByTagName("li"); <BR>for (var i = 0; i < oLi.length; i++) <BR>{ <BR>oLi[i].onmouseover = function () <BR>{ <BR>this.className = "current" <BR>}; <BR>oLi[i].onmouseout = function () <BR>{ <BR>this.className = "" <BR>} <BR>} <BR>} <BR></script>


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

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





方法二
复制代码 代码如下:



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


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

鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn