首頁  >  文章  >  web前端  >  滑鼠移入移出事件改變圖片的解析度的兩種方法_javascript技巧

滑鼠移入移出事件改變圖片的解析度的兩種方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:08:522005瀏覽

最近在做一個滑鼠移入移出圖片事件,有幾種方法大家可以試試看
首先是改變解析度的兩種方法,滑鼠移入圖片和移出圖片的解析度不同
方法一

複製程式碼 程式碼如下:




圖片清單:滑鼠移入/移出改變圖片透明度

<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