Version compl�te: jsB@nk » Image » DOM Image Rollover v3.0
URL: https://www.javascriptbank.com/dom-image-rollover-v3-index.html
Image rollovers classiques et représentent le «temps» JavaScript effet. Eh bien, ce script DOM rend le processus de les ajouter aussi simple que peut l'être, en vous permettant d'appliquer un renversement de l'image par simple insertion d'un attribut de classe à l'intérieur de l'image tag.This script fonctionne dans tous les DOM (Document Object Model ) des navigateurs compatibles.
Version compl�te: jsB@nk » Image » DOM Image Rollover v3.0
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