Empire of Sports Europe
▓░░▓░░░▓░░▓▓▓░▓░░░▓▓▓░▓▓▓▓▓░░▓▓░░░▓▓░░▓▓▓░░░░░░
▓░▓░▓░░▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░▓░▓░▓░░▓░░░░░░░░
▓▓░░░▓░▓░░▓▓░░▓░░░▓░░░▓░░░▓░░▓░░▓░░▓░░▓▓▓░░░░░░
▓░░░░░▓▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░░░░░▓░░▓░░░░░░░░
▓░░░░░░▓░░▓▓▓░▓▓▓░▓▓▓░▓▓▓▓▓░░▓░░░░░▓░░▓▓▓░░░░░░
Hello and welcome to EOS-EU - First English Speaking Fansite of Empire of Sports!
Register to obtain full access to the website.
We hope you will enjoy the portal.

EOS-EU Team
Empire of Sports Europe
▓░░▓░░░▓░░▓▓▓░▓░░░▓▓▓░▓▓▓▓▓░░▓▓░░░▓▓░░▓▓▓░░░░░░
▓░▓░▓░░▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░▓░▓░▓░░▓░░░░░░░░
▓▓░░░▓░▓░░▓▓░░▓░░░▓░░░▓░░░▓░░▓░░▓░░▓░░▓▓▓░░░░░░
▓░░░░░▓▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░░░░░▓░░▓░░░░░░░░
▓░░░░░░▓░░▓▓▓░▓▓▓░▓▓▓░▓▓▓▓▓░░▓░░░░░▓░░▓▓▓░░░░░░
Hello and welcome to EOS-EU - First English Speaking Fansite of Empire of Sports!
Register to obtain full access to the website.
We hope you will enjoy the portal.

EOS-EU Team
Empire of Sports Europe
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Welcome to the first English Speaking Community FanSite of Empire of Sports :)
 
HomePortalGallerySearchLatest imagesHOMEPORTALFORUMLog inRegister

Share

1pɔɹɐsɥǝɹ


 

 Menu Scroll

View previous topic View next topic Go down 
AuthorMessage
Jo_Oker
Administrator
Administrator
Jo_Oker


Menu Scroll Empty
PostSubject: Menu Scroll   Menu Scroll EmptyFri Jan 25, 2013 4:11 pm

Code:
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=red>
<td><center>
<a href=http://eos-eu.forumotion.com>Eos EU!</a>
</center></td>
</table>
</div>

<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=red>
<td><center>
<a href=##>Link 2!</a>
</center></td>
</table>
</div>

<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=red>
<td><center>
<a href=#>Link 3!</a>
</center></td>
</table>
</div>


<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=red>
<td><center>
<a href=#>Link 4!</a>
</center></td>
</table>
</div>


<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=red>
<td><center>
<a href=#>Link 5!</a>
</center></td>
</table>
</div>


<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=red>
<td><center>
<a href=#>Link 6!</a>
</center></td>
</table>
</div>
<script language="javascript" type="text/javascript">     
<!-- Begin
function buildMenu() {
speed=35;
topdistance=100;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",sD=".style";
}
else {
v=".pixelTop=",sD=".style";
  }
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval('document.getElementById(objectX)' + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
  }
}
function Go()
{
buildMenu();
scrollItems();
}
window.onload=Go;
// End -->
</SCRIPT>






Use this amazing layers script to actually "scroll" a series of menu items onto your page.
Add the below code to the body section of your page
Back to top Go down
 

Menu Scroll

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» Menu Automatic

Permissions in this forum:You cannot reply to topics in this forum
Empire of Sports Europe :: Java Script-