Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 17:08:52
original
2008 Les gens l'ont consulté

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

复制代码 代码如下:




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

<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技巧
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal