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

WBOY
Lepaskan: 2016-05-16 17:08:52
asal
2007 orang telah melayarinya

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

复制代码 代码如下:




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

<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技巧
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan