HyperLink
Vedi Esempio
Inserisci il codice dentro <Head>
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! --> <!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function dropMenu() { speed=35; topdistance=100; items=6; y=-50; ob=1; if (navigator.appName == "Netscape") { v=".top=",dS="document.",sD=""; } else { v=".pixelTop=",dS="",sD=".style"; } } function scrollItems() { if (ob<items+1) { objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y); if (y<topdistance) setTimeout("scrollItems()",speed); else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed); } } // End --> </SCRIPT> <TITLE> Cascading Hyperlinks </TITLE>
Inserisci Codice in <Body>
<BODY onLoad="dropMenu(), scrollItems();" BGCOLOR="#000000" TEXT="#ff0000" LINK="#0000ff" VLINK="#0000ff" ALINK="#ff0000"> <!-- STEP THREE: Add the following code to the BODY of your HTML page --> <div id="object1" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=FF00FF> <td> <center> <a href=http://yoursite.com/page1.html> Hyperlink 1 </a> </center> </td> </table> </div> <div id="object2" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=80FFFF> <td> <center> <a href=http://yoursite.com/page2.html> Hyperlink 2 </a> </center> </td> </table> </div> <div id="object3" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=00FF00> <td> <center> <a href=http://yoursite.com/page3.html> Hyperlink 3 </a> </center> </td> </table> </div> <div id="object4" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=FFFFFF> <td> <center> <a href=http://yoursite.com/page4.html> Hyperlink 4 </a> </center> </td> </table> </div> <div id="object5" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=FF00FF> <td> <center> <a href=http://yoursite.com/page5.html> Hyperlink 5 </a> </center> </td> </table> </div> <div id="object6" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=FF0000> <td> <center> <a href=http://yoursite.com/page6.html> Hyperlink 6 </a> </center> </td> </table> </div> <p> <center> <font face="arial, helvetica" size="+1"> JavaScript provided <br> by <BR> <a href="mailto:gkl-web-design@freeuk.com"> Lupton Web Design </a> </font> </center> <p> <!-- Script Size: 2.65 KB -->