Phiên bản đầy đủ: jsB@nk » Hình ảnh » Đổi ảnh khi rê chuột
URL: https://www.javascriptbank.com/dom-image-rollover-v3-index.html
Hiệu ứng này có chức năng đổi ảnh khi người dùng rê chuột đến hình ảnh đã được gán thuộc tính class
. Hiệu ứng này có thể họat động trong các trình duyệt hỗ trợ DOM (Document Object Model).
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Đổi ảnh khi rê chuột
URL: https://www.javascriptbank.com/dom-image-rollover-v3-index.html
<script type="text/javascript">//=====================================================================// DOM Image Rollover v3 (hover)//// Demo: http://chrispoole.com/scripts/dom_image_rollover_hover//=====================================================================// copyright Chris Poole// http://chrispoole.com// This software is licensed under the MIT License // <http://opensource.org/licenses/mit-license.php>//=====================================================================function domRollover() {if (navigator.userAgent.match(/Opera (\S+)/)) {var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);}if (!document.getElementById||operaVersion <7) return;var imgarr=document.getElementsByTagName('img');var imgPreload=new Array();var imgSrc=new Array();var imgClass=new Array();for (i=0;i<imgarr.length;i++){if (imgarr[i].className.indexOf('domroll')!=-1){imgSrc[i]=imgarr[i].getAttribute('src');imgClass[i]=imgarr[i].className;imgPreload[i]=new Image();if (imgClass[i].match(/domroll (\S+)/)) {imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]}imgarr[i].setAttribute('xsrc', imgSrc[i]);imgarr[i].onmouseover=function(){this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])}imgarr[i].onmouseout=function(){this.setAttribute('src',this.getAttribute('xsrc'))}}}}domRollover();</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<img src="offgreen.gif" class="domroll ongreen.gif"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/image/DOM_Image_Rollover_v3/ongreen.gifhttp://javascriptbank.com/javascript/image/DOM_Image_Rollover_v3/offgreen.gif