I wanted to ask a question, I dont know if you have much time on your
hands to take a peek over this code here. But what I was needing to know
is how to make a globe logo I have be the main character in this code. I
got this code off a website to place inside of a webpage which I am
working on. This code makes text that says LOGO, go with you as you
scroll up and down, and when you mouseover the text a menu pops out the
side. Is there a way and if so could you please help me out on making the
globe image be the character in which you mouseover and the menu then pops
out? I know not to have the steps, and I have everything in the right
placing as far as in the head and the body, but I could really use your
help. Thanks alot, appreciate your time.
ps- If you know of a code which works better, or another code similar to
this in which you prefer, could you tell me? Thanks again.
Fred R. Creach
Web Programmer
fcreach@i...
<!-- THREE STEPS TO INSTALL MENU BRANDING:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@t...) -->
<!-- Web Site: http://home.thezone.net/~rbennett/sitemap.htm -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function setVariables() {
if (navigator.appName == "Netscape") {
v = ".top=";
h = ".left=";
dS = "document.";
sD = "";
y = "window.pageYOffset";
x = "window.pageXOffset";
iW = "window.innerWidth";
iH = "window.innerHeight";
}
else {
h = ".pixelLeft=";
v = ".pixelTop=";
dS = "";
sD = ".style";
y = "document.body.scrollTop";
x = "document.body.scrollLeft";
iW = "document.body.clientWidth";
iH = "document.body.clientHeight";
}
xyz = 500;
innerX = eval(iW) - 115;
innerY = eval(iH) - 110;
object = "logo";
checkLocationA();
}
movex = 0;
movey = 0;
xdiff = 0;
ydiff = 0;
ystart = 0;
xstart = 0;
function checkLocation() {
yy = eval(y);
xx = eval(x);
ydiff = ystart - yy;
xdiff = xstart - xx;
if ((ydiff < (-1)) || (ydiff > (1))) movey = Math.round(ydiff / 10), ystart
-= movey;
if ((xdiff < (-1)) || (xdiff > (1))) movex = Math.round(xdiff / 10), xstart
-= movex;
eval(dS + object + sD + v + (ystart + innerY));
eval(dS + object + sD + h + (xstart + innerX));
setTimeout("checkLocation()", 10);
}
function checkLocationA() {
ystart = eval(y);
xstart=eval(x);
}
function switchLogo(abc) {
if (abc == "menu") {
eval(dS + object + sD + v + 0);
eval(dS + object + sD + h + (-200));
object = abc;
}
else xyz = setTimeout("delayLogo()", 2000)
}
function delayLogo() {
eval(dS + object + sD + v + 0);
eval(dS + object + sD + h + (-200));
object = 'logo';
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="setVariables();checkLocation()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<div id="logo" style="position:absolute; visibility:show; left:0px;
top:-200px; z-index:2">
<table border=0 cellspacing=10 cellpadding=0 width=100>
<tr>
<td>
<center><br><br><br>
<A href="javascript:void(0)"; onmouseover="switchLogo('menu')">
Logo
</A>
</center>
</td>
</tr>
</table>
</div>
<div id="menu" style="position:absolute; visibility:show; left:0px;
top:-200px; z-index:2">
<table border=0 cellspacing=10 cellpadding=0 width=100>
<tr>
<td>
<center>
<a href="http://www.your-web-site-address-here.com/page-one.html";
onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page
One</a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a href="http://www.your-web-site-address-here.com/page-two.html";
onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page
Two</a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a href="http://www.your-web-site-address-here.com/page-three.html";
onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page
Three</a>
</center>
</td>
</tr>
</table>
</div>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 3.24 KB -->
View Cart
