当前位置：星空免费资源网 → 免费资源 → 网页特效 → 导航菜单 → 文章内容

很酷的屏幕翻滚导航

减小字体

增大字体作者：KaSim 来源：星空资源网发布时间：2008-1-10 11:48:02 收藏到QQ书签

以下是程序代码

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="<a target="_blank" href="http://www.netby.net/Nord/Rosinstraede/Rosenlund/"">http://www.netby.net/Nord/Rosinstraede/Rosenlund/"</a>; 
 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="<a target="_blank" href="http://skandal.homepage.com/"">http://skandal.homepage.com/"</a>; target=_blank>Skandal's Digital art and graffiti 
 (DHTML)</A> site with lots of images made with adobe 
 <a target="_blank" href="http://www.mfxk.com" class="UBBWordLink">photoshop</a>. Slow loading. Nice effects. Rating: ***** </TD></TR>
 <TR vAlign=top>
 <TD align=left height=100><A 
 href="<a target="_blank" href="http://www2.mozcom.com/~halos/"">http://www2.mozcom.com/~halos/"</a>; 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="<a target="_blank" href="http://www.geocities.com/~lef"">http://www.geocities.com/~lef"</a>; 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="<a target="_blank" href="http://home.thezone.net/~rbennett/utility/javahead.htm"">http://home.thezone.net/~rbennett/utility/javahead.htm"</a>; 
 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="<a target="_blank" href="http://goepfert.hypermart.net/"">http://goepfert.hypermart.net/"</a>; 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="<a target="_blank" href="http://igor.net/"">http://igor.net/"</a>; 
 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="<a target="_blank" href="http://www.alienalchemy.com/"">http://www.alienalchemy.com/"</a>; 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="<a target="_blank" href="http://home.netvigator.com/~mkpunnl"">http://home.netvigator.com/~mkpunnl"</a>; 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="<a target="_blank" href="http://www.geocities.com/SiliconValley/Way/1265/"">http://www.geocities.com/SiliconValley/Way/1265/"</a>; 
 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="<a target="_blank" href="http://www.geocities.com/SiliconValley/Lakes/8620"">http://www.geocities.com/SiliconValley/Lakes/8620"</a>; 
 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="<a target="_blank" href="http://www.reallybig.com/"">http://www.reallybig.com/"</a>; 
 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="<a target="_blank" href="http://stars.bilkent.edu.tr/Authoring/DHTML/Resources.html"">http://stars.bilkent.edu.tr/Authoring/DHTML/Resources.html"</a>; 
 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="<a target="_blank" href="http://www.javascripts.com/"">http://www.javascripts.com/"</a>; 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="<a target="_blank" href="http://www.coolfreebies.com/"">http://www.coolfreebies.com/"</a>; 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="<a target="_blank" href="http://javascript.internet.com/"">http://javascript.internet.com/"</a>; 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="<a target="_blank" href="http://www.dynamicdrive.com/"">http://www.dynamicdrive.com/"</a>; 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>

代码"/> 代码"/>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

本资源由星空资源网提供！转载请著名,谢谢！

[] [返回上一页] [打印]