Script creates JavaScript menu with links based on rollover effect. While moving detail at JavaScriptBank. com - 2.000+ free JavaScript codes
[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/image/onmouseover-slideshow.jpg[/IMG]
Demo: JavaScript OnMouseover Slideshow
[SIZE="4"]
How to setup[/SIZE]
Step 1: Use JavaScript code below to setup the script
JavaScript
Code:
<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("logojs.gif","photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg")
</script>
<!--
This script downloaded from w w w.JavaScriptBank. com
Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
-->
Step 2: Place HTML below in your BODY section
HTML
Code:
<a href="" onMouseover="changeimage(myimages[0],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[1],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[2],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[3],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[4],this.href)">JavaScriptBank. com</a><br>
<a href="javascript:warp()"><img src="logojs.gif" name="targetimage" border=0></a>
<!--
This script downloaded from w w w.JavaScriptBank. com
Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
-->
Javascript floating message - Javascript multi level drop down menu - JavaScript in_array()