JavaScript学习笔记2之特殊公告栏效果

原创于 2012-05-28 13:23:01 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #公告 #button #vbscript #function #input

Div+CSS+JavaScript 专栏收录该内容

40 篇文章

订阅专栏

本文提供了一个使用JavaScript实现的简单网页轮播示例，通过按钮控制显示不同的学习语句，涉及HTML、JavaScript及基本的网页交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title></title>
<script language="Javascript">
<!-- 
num=4;
quoteArray = new Array(num);
quoteArray[0]="您喜欢学习javascript吗？";
quoteArray[1]="您喜欢学习vbscript吗？"
quoteArray[2]="您喜欢学习asp吗？"
quoteArray[3]="您喜欢学习asp.net吗？"
quoteArray[4]="您喜欢学习jsp吗？"
quoteS=-1;
function next()
{
  if (quoteS >= num) quoteS=-1;
  quoteS++;
  document.quoteForm.quoteHere.value = quoteArray[quoteS];
}
function prev()
{
  if (quoteS <= 0) quoteS=num+1;
  quoteS--;
  document.quoteForm.quoteHere.value = quoteArray[quoteS];
}
function rand()
{ 
  quoteS = Math.ceil(Math.random() * num);
  document.quoteForm.quoteHere.value = quoteArray[quoteS];
}

//-->

</script>
</head>
<body>
  <form name="quoteForm">
  <textarea name="quoteHere" Rows=3 Cols=50>点击查看信息</textarea><br>
  <input type=button value="下一条" onClick="next();">
  <input type=button value="上一条" onClick="prev();">
  <input type=button value="随机" onclick="rand();">
</form>

</body>
</html>