很酷的屏幕翻滚导航 - 实例特效代码

<html>
<head>
<title>很酷的屏幕翻滚导航</title>
<style type="text/css">
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT>

var i=0

var i_cell=0

i_bg=0

var linkslist

var bg = new Array('AACC00','77AA00', '557700', '335500', '003300', '000000', '#335500', '557700', '77AA00', 'AACC00', 'CCFF00')

function initObjects() {

if (document.all) {

linkslist = document.all.linkliste.style

linkslist.visibility='VISIBLE'

linkslist.posTop = i

linkslist.posLeft = 3

scrollIE()

}

if (document.layers) {

linkslist = document.linkliste

linkslist.visibility='VISIBLE'

linkslist.top = i

linkslist.left = 3

scrollNN()

}

function scrollNN() {

if (i_cell < 100) {

i_cell++

linkslist.top = i--

var timer = setTimeout('scrollNN()',20)

}

else {

clearTimeout('timer')

changebgNN()

}

function scrollIE() {

if (i_cell < 100) {

i_cell++

linkslist.posTop = i--

var timer = setTimeout('scrollIE()',20)

}

else {

clearTimeout('timer')

document.bgColor='CCFF00'

changebgIE()

}

function changebgNN() {

if (i_bg <= bg.length) {

document.bgColor=bg[i_bg]

i_bg++

var bgagain = setTimeout('changebgNN()',20)

}

else {

clearTimeout('bgagain')

document.bgColor='CCFF00'

i_bg=0

makepauseNN()

}

function changebgIE() {

if (i_bg <= bg.length) {

document.bgColor=bg[i_bg]

i_bg++

var bgagain = setTimeout('changebgIE()',50)

}

else {

clearTimeout('bgagain')

i_bg=0

makepauseIE()

}

function makepauseNN() {

if (i < (-1*1700)) {

i=0

}

i_cell=0

var scrollagain = setTimeout('scrollNN()',3000)

}

function makepauseIE() {

if (i < (-1*1700)) {

i=0

}

i_cell=0

var scrollagain = setTimeout('scrollIE()',3000)

}

</SCRIPT>

<STYLE>.alldiv {
	POSITION: absolute; VISIBILITY: hidden
}
</STYLE>

</head>
<body bgcolor="#CCCCFF" onload=initObjects()>
<DIV class=alldiv id=linkliste>
<CENTER>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=156>
 <TBODY>
 <TR>
 <TD height=100></TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.netby.net/Nord/Rosinstraede/Rosenlund/" 
 target=_blank>DHTML and javascript, games and 
 gimics</A> A collection of a few of my own javascripted 
 games and gimics and some links to other sites. Some remarkable scripts. 
 Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.wosowoso.com/" target=_blank>Skandal's Digital art and graffiti 
 (DHTML)</A> site with lots of images made with adobe 
 photoshop. Slow loading. Nice effects. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www2.mozcom.com/~halos/" target=_blank>Emmanuel Halos Web Studio</A> First-rate 
 JavaScripts from the Philippines. You will be enthusiastic about the 
 elegance and power of the samples. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.geocities.com/~lef" target=_blank>Scripts 
 by Lefteris Haritou</A> Lefteris Haritou is a very creative 
 JavaScript writer. Why? Check it out! A perfect starting point for 
 beginners. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://home.thezone.net/~rbennett/utility/javahead.htm" 
 target=_blank>Racoon's JavaScript 
 Site</A> Feel the spirit and the humour of a great 
 script-programmer. Lots of inspiration. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://goepfert.hypermart.net/" target=_blank>Free 
 WebResources</A> Contains all kinds of free resources for 
 webmasters: JavaScript, HTML, DHTML, CGI, Java, Graphics. Useful site 
 checkers. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A href="http://igor.net/" 
 target=_blank>Igor net</A> No doubt IGOR is 
 one of the great javascript-masters of the universe. His games are superb. 
 High-End-Scripting at it's best. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.alienalchemy.com/" target=_blank>Alien 
 Alchemy</A> 12 free cut &pastejavascripts made by 
 designers who know that form follows function. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://home.netvigator.com/~mkpunnl" target=_blank>Leo Pun's homepage</A> Open your eyes and you will 
 find quite a few precious javacripts. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.geocities.com/SiliconValley/Way/1265/" 
 target=_blank>Surfin' the web with Willem 
 Jonkman</A> Great samples of javascript, HTML, sounds, fonts 
 mixed with lots of fun. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.geocities.com/SiliconValley/Lakes/8620" 
 target=_blank>Virtual_Max's</A> One of the 
 most popular sites at GeoCities: applets, scripts, crazy stuff. As funny 
 as a web bazar can be. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A href="http://www.reallybig.com/" 
 target=_blank>Reallybig.com</A> United Power 
 of Web Builders! More than 3000 resources for web builders including free 
 clipart, CGI, counters, fonts, html, java, animation, backgrounds and much 
 more. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://stars.bilkent.edu.tr/Authoring/DHTML/Resources.html" 
 target=_blank>Dynamic HTML Tools and 
 Resources</A> The web developer's virtual library: DHTML, 
 CSS, JavaScript, CGI, Perl, Graphics Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.javascripts.com/" target=_blank>Javascripts.com</A> More than 2000 scripts. Each 
 script has been written or uploaded by a member of this site. Many have 
 been written by JavaScript professionals. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.coolfreebies.com/" target=_blank>Cool 
 free stuff</A> Screensavers, various freebies, free 
 software, free sound tools, free graphics, free midis, free image viewers, 
 free prizes, chat freebies, FTP freebies, free fun stuff, free webmasters 
 tools, free graphics. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://javascript.internet.com/" target=_blank>The 
 JavaScript Source</A> Collection of hundreds of free 
 JavaScripts that are available to you for use on your web page Rating: 
 ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="http://www.wosowoso.com/" target=_blank>Free, 
 original DHTML-scripts</A> A premier place on the net to 
 obtain free, original DHTML scripts and components to enhance your web 
 site! Rating: ***** </TD></TR></TBODY></TABLE></CENTER></DIV>
 
 
<center>屏幕翻滚导航</center>
 
<center>
<table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center>左边为脚本显示区</td></tr>
</table></center>
 
 
<center>
 <SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a)

{

history.go(a);

}

//-->

</script></center>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>