> 
- Home Page
- > Script DHTML
- > Script DHTML Links
- > Link a Rotazione
Link a Rotazione
Link che ruotano e vengono mostrati a gruppi.
<HTML><HEAD><TITLE>Titolo</TITLE>
<SCRIPT language=JavaScript>
<!--
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var NS4 = (bName == "Netscape" && bVer >= 4);
var IE4 = (bName == "Microsoft Internet Explorer" && bVer >=
4);
if (NS4 || IE4) {
var i = 0; // global counter variable
var ar = new Array();
ar[0] = '<a href="#">LINK1</a> | <a href="#">LINK2</a> | <a
href="#">LINK3</a>';
ar[1] = '<IMG SRC="trans.gif" WIDTH=25 HEIGHT=2 BORDER=0><a
href="#">LINK4</A> | <a href="#">LINK5</a> | <a
href="#">LINK6</a>';
ar[2] = '<IMG SRC="trans.gif" WIDTH=45 HEIGHT=2 BORDER=0><a
href="#">LINK7</A> | <a href="#">LINK8</a> | <a
href="#">LINK9</a> | <a href="#">LINK10</a> | <a
href="#">LINK11</a>';
}
function display(id, str) {
if (NS4) { // if Navigator 4.0+
with (document[id].document) {
open(); // open document
write(str); // write to document
close(); // close document
}
} else { // Internet Explorer 4.0+
document.all[id].innerHTML = str; // "assign" to element
}
}
function update(num) {
display("banner", ar[i]);
i++; // increment counter
if (i == num)
i = 0; // back to first text (link)
}
// -->
</SCRIPT>
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY onload="if (NS4 || IE4) setInterval('update(' + ar.length + ')',
5000);">
<SCRIPT language=JavaScript>
<!--
{
document.write("<SCRIPT LANGUAGE='JavaScript' SRC='/banner/banner.js'><\/SCRIPT>");
}
//-->
</SCRIPT>
<BR>La barra di navigazione qui in basso cambia ogni 5 secondi. Note: il
controllo del tenpo, è nel tag body, di default 5000 millisecondi (5 secondi). <!--ticker
border divs-->
<DIV
style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; Z-INDEX:
1; LEFT: 21px; BORDER-LEFT: #999999 1px solid; WIDTH: 300px; BORDER-BOTTOM: #999999
1px solid; POSITION: absolute; TOP: 194px; HEIGHT: 19px"></DIV>
<DIV
style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; Z-INDEX:
1; LEFT: 20px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 300px; BORDER-BOTTOM: #cccccc
1px solid; POSITION: absolute; TOP: 193px; HEIGHT: 20px"></DIV><!--New
Ticker-->
<DIV id=banner
style="FONT-WEIGHT: 700; FONT-SIZE: 10px; Z-INDEX: 11; LEFT: 80px; VISIBILITY:
visible; WIDTH: 576px; FONT-FAMILY: Verdana, sans-serif; POSITION: absolute;
TOP: 198px; HEIGHT: 24px"><A
href="#">LINK A</A> | <A
href="#">LINK B</A> | <A
href="#">LINK C</A> | <A
href="#">LINK D</A></DIV></BODY></HTML>
