gpt4 book ai didi

javascript - JavaScript 中的可滚动菜单

转载 作者:行者123 更新时间:2023-12-02 20:35:50 25 4
gpt4 key购买 nike

我正在尝试用 JavaScript 创建一个可滚动菜单列表,并且正在遵循教程 http://javascript.internet.com/navigation/menu-scroll.html

但我的页面上没有显示任何内容。这是我尝试过的:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="ScrollMenu.js"></script>
<SCRIPT LANGUAGE="JavaScript">

<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function buildMenu() {
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>
</head>
<body onLoad="buildMenu(), scrollItems();">
<a href="pic.html">hello</a>
<a href="pic.html">Link 1!</a>
<a href="pic.html">Link 1!</a>
<a href="pic.html">Link 1!</a>
<a href="pic.html">Link 1!</a>
<a href="pic.html">Link 1!</a>
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td>
<a href="pic.html">Link 1!</a>
</td>
</table>
</div>

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

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

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

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

<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=80FFFF>
<td>
<a href="pic.html">Link 6!</a>
</td>
</table>
</div>

</body>
</html>

请问有什么帮助吗? :)

非常感谢C.

最佳答案

将scrollItems()更改为此代码

function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10;
document.getElementById(objectX).style.top = y + "px"
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
}
}

请看看它是否适合您

关于javascript - JavaScript 中的可滚动菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3280504/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com