Full version: jsB@nk » Image » Multimedia Rollovers
URL: https://www.javascriptbank.com/multimedia-rollovers-index.html
This JavaScript creates many special effects by transition when user move mouse on images.
Full version: jsB@nk » Image » Multimedia Rollovers
URL: https://www.javascriptbank.com/multimedia-rollovers-index.html
<SCRIPT type=text/javascript>//Uncomment the next line for random transition rollover each time the page is loadeddocument.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1, transition='+Math.floor(Math.random()*23)+') }</STYLE>');//Uncomment the next line for a specific transition rollover (transition=0 to 23)//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=1,transition=2) }</STYLE>');//Uncomment the next line for fading rollovers//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=1) }</STYLE>');var onImages=new Array();function Rollover(imgName, imgSrc){onImages[imgName] = new Image();onImages[imgName].src = imgSrc;}function turnOn(imgName) { if(document.images[imgName].filters != null)document.images[imgName].filters[0].stop();document.images[imgName].offSrc = document.images[imgName].src;document.images[imgName].src = onImages[imgName].src;} function turnOff(imgName) { if(document.images[imgName].filters != null)document.images[imgName].filters[0].apply();document.images[imgName].src = document.images[imgName].offSrc;if(document.images[imgName].filters != null)document.images[imgName].filters[0].play();} Rollover("home", "../logojs.gif");Rollover("about", "../logojs.gif");Rollover("forums", "../logojs.gif");</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<A onmouseover="turnOn('home');" onmouseout="turnOff('home');" href="http://javascriptbank.com"><IMG class=imgTrans src="home_off.gif" border=0 name=home width="90" height="33"></A><BR><A onmouseover="turnOn('about');" onmouseout="turnOff('about');" href="http://javascriptbank.com"><IMG class=imgTrans src="about_off.gif" border=0 name=about width="90" height="33"></A><BR><A onmouseover="turnOn('forums');" onmouseout="turnOff('forums');" href="http://javascriptbank.com"><IMG class=imgTrans src="forums_off.gif" border=0 name=forums width="90" height="33"></A><!-- 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/Multimedia_Rollovers/about_off.gifhttp://javascriptbank.com/javascript/image/Multimedia_Rollovers/forums_off.gifhttp://javascriptbank.com/javascript/image/Multimedia_Rollovers/home_off.gif