出处:http://news.newhua.com/news1/programming/2008/49/0849102011991363504GE04I3F373D40FAKH58KF23GD1F3A92IIHB3.html
来源:中国自学编程网

用法很简单:

var scroll = new ScrollText("content","pre","next",true);


第一个参数是滚动区的id,第二个是显示上一条的按钮的id,第三个是显示下一条的按钮的id,第四个是是否直接开始滚动,为false的话后面再scroll.Start()就OK了。

ScrollText.js

 1JavaScrpt实现间隔性滚动的效果function ScrollText(content,btnPrevious,btnNext,autoStart)
 2}


Demo.Htm


 1JavaScrpt实现间隔性滚动的效果<html xmlns="http://www.w3.org/1999/xhtml" >
 2JavaScrpt实现间隔性滚动的效果  
 3JavaScrpt实现间隔性滚动的效果<head>
 4JavaScrpt实现间隔性滚动的效果    <title>Untitled Page</title>
 5JavaScrpt实现间隔性滚动的效果    <script language="javascript" type="text/javascript" src="ScrollText.js"></script>
 6JavaScrpt实现间隔性滚动的效果</head>
 7JavaScrpt实现间隔性滚动的效果<body>
 8JavaScrpt实现间隔性滚动的效果<div id="pre" style="width:20px;height:20px;float:left;text-align:center;background-color:#EEEEEE;border:solid 1px #888888;"></div>
 9JavaScrpt实现间隔性滚动的效果<div id="content" style="height:20px;line-height:20px;overflow:hidden;float:left;width:120px;border:solid 1px #0000FF;">
10JavaScrpt实现间隔性滚动的效果hello1JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
11JavaScrpt实现间隔性滚动的效果hello2JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
12JavaScrpt实现间隔性滚动的效果hello3JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
13JavaScrpt实现间隔性滚动的效果hello4JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
14JavaScrpt实现间隔性滚动的效果hello5JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
15JavaScrpt实现间隔性滚动的效果hello6JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
16JavaScrpt实现间隔性滚动的效果hello7JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
17JavaScrpt实现间隔性滚动的效果hello8JavaScrpt实现间隔性滚动的效果JavaScrpt实现间隔性滚动的效果..<br>
18JavaScrpt实现间隔性滚动的效果</div>
19JavaScrpt实现间隔性滚动的效果<div id="next" style="width:20px;height:20px;float:left;text-align:center;background-color:#EEEEEE;border:solid 1px #888888;"></div>
20>

相关文章:

  • 2021-11-17
  • 2021-12-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-29
  • 2022-12-23
  • 2021-11-27
猜你喜欢
  • 2021-08-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-11
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案