Full version: jsB@nk » Menu » Multimedia Rollovers
URL: https://www.javascriptbank.com/multimedia-rollovers-menu-index.html
With this JavaScript, move your mouse over the images to the left JavaScript menu and refresh the page to see different rollover effects. Great!
Full version: jsB@nk » Menu » Multimedia Rollovers
URL: https://www.javascriptbank.com/multimedia-rollovers-menu-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", "images/home_on.gif");Rollover("about", "images/about_on.gif");Rollover("forums", "images/forums_on.gif");Rollover("contact", "images/contact_on.gif");Rollover("scripts", "images/scripts_on.gif");</script> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><a href = "#" onMouseOver="turnOn('home');" onMouseOut="turnOff('home');"><img name="home" class="imgTrans" src="images/home_off.gif" border="0"></a><br><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/menu/Multimedia_Rollovers_Menu/Multimedia_Rollovers_Menu_images.zip