Mouseover Images
Used in many sites to enhance navigation. Insert the images you want to appear in
the head of the script, designating proceeding numbers to each of the mouseover images.
<!--Mousedown Images-->
<!--Copy this to HEAD-->
<!--Webforge - http://www.nahoo.ukgateway.net/webforge-->
<script language="JavaScript">
<!--
version="other";
if ((navigator.appName == 'Netscape' && parseFloat(navigator.appVersion) >=3) || (parseFloat(navigator.appVersion) >= 4)){
version = "n3" ;
}
function MakeArray(n) {
this.length = n;
for (var i = 1; i<=n; i++) {
this[i] = new Image()
}
return this
}
if (version == "n3") {
over = new MakeArray(1)
down[1].src = "image1.gif"
}
function msdown(imgName, num) {
if (version == "n3") {
img_act = eval("down" + "[" + num + "]" + ".src");
img_ret = document[imgName].src;
document[imgName].src = img_act;
}
}
function msout(imgName) {
if (version == "n3") {
document[imgName].src = img_ret;
}
}
// -->
<!--Copy this to BODY-->
<a href="index.html" onmousedown="msdown('but01','1')"
onmouseout="msout('but01')"><img src="image.gif"
name="but01" border="0"></a>
Mousedown Images
Can be applied to images to give the same effect as a button. This script is very
similar to the mouseovers.
<!--Screenshake -->
<!--Copy this to HEAD-->
<!--Webforge - http://www.nahoo.ukgateway.net/webforge-->
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
netscape = (navigator.appName == "Netscape");
n4 = netscape && (parseInt(navigator.appVersion) >= 4);
explorer = (navigator.appName == "Microsoft Internet Explorer");
ie4 = explorer && (parseInt(navigator.appVersion) >= 4);
function shake(n) {
if (n4 || ie4) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0); }
}
}
}
//-->
</script>
<!--Copy this to BODY-->
<a onmousedown="shake(3)"><img src="image.gif" alt="Shake the screen"
border="0"></a>
Screenshake
Add something cool to your site. This script will make your visitors look twice.
<!--Script-->
<!--Copy this to HEAD-->
<!--Webforge - http://www.nahoo.ukgateway.net/webforge-->
<script language="JavaScript">
<!--
version="other";
if ((navigator.appName == 'Netscape' && parseFloat(navigator.appVersion) >=3) || (parseFloat(navigator.appVersion) >= 4)){
version = "n3" ;
}
function MakeArray(n) {
this.length = n;
for (var i = 1; i<=n; i++) {
this[i] = new Image()
}
return this
}
if (version == "n3") {
over = new MakeArray(1)
over[1].src = "image1.gif"
}
function msover(imgName, num) {
if (version == "n3") {
img_act = eval("over" + "[" + num + "]" + ".src");
img_ret = document[imgName].src;
document[imgName].src = img_act;
}
}
function msout(imgName) {
if (version == "n3") {
document[imgName].src = img_ret;
}
}
// -->
<!--Copy this to BODY-->
<a href="index.html" onmouseover="msover('but01','1')"
onmouseout="msout('but01')"><img src="../images/menu-html.gif"
width="42" name="but01" height="27" alt="HTML" border="0"></a>
Script
Used in many sites to enhance navigation. Insert the images you want to appear in
the script