communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

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

WBOY
Libérer： 2016-05-16 17:08:52
original
2025 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
Article précédent：js实现倒计时时钟的示例代码_javascript技巧 Article suivant：javaScript如何生成xmlhttp_javascript技巧
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
Derniers articles par auteur
Derniers numéros
Résoudre les problèmes de build de production des composants Web Vue3 J'essaie de migrer mes composants vue2web vers vue3, bien que le problème survienne lorsqu...
Depuis 2024-04-06 12:43:37
0
1
473
Écouteur d'événements de défilement ajouté à l'élément mais ne se déplace correctement que si scrollTop n'est pas égal à 0 J'ai donc écrit ce petit script dans lequel j'ai deux listes - Tâches terminées/actives, v...
Depuis 2024-04-01 11:03:26
0
1
326
Comment utiliser la barre de navigation bootstrap dans vue.js ? En général HTML, cela fonctionne bien d'après la documentation, mais cela ne fonctionne pa...
Depuis 2024-03-31 20:16:22
0
1
390
Le code PHP arrête d'interpréter le caractère ">" Je viens de migrer tous mes fichiers WordPress vers un autre serveur (partage). J'ai impor...
Depuis 2024-03-31 09:02:01
0
1
356
Impossible de supprimer EventListener dans Typescript J'essaie de supprimer les écouteurs d'événements en dactylographié. J'ajoute un écouteur d...
Depuis 2024-03-30 18:07:42
0
1
295
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal