»
EnglishFrenchVietnamese

Print - Multimedia Rollovers - JavaScriptBank.com

Full version: jsB@nk » Menu » Multimedia Rollovers
URL: https://www.javascriptbank.com/multimedia-rollovers-menu-index.html

Multimedia Rollovers © JavaScriptBank.comWith 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



JavaScript
<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-->


HTML
<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-->


Files
http://javascriptbank.com/javascript/menu/Multimedia_Rollovers_Menu/Multimedia_Rollovers_Menu_images.zip