非常不错的字幕滚动效果

字幕每次显示一条，两条文字的切换非常自然，顺滑，实用性很强

查看全部代码 View Code

在需要显示的地方加入以下代码：

<script language="JavaScript" src="js/dhtmllib.js"></script>
<script language="JavaScript" src="js/scroller.js"></script>
<script language="JavaScript">
//设置内空与属性
var myScroller1 = new Scroller(0, 0, 480, 32, 1, 8);
myScroller1.setColors("#006600", "#ccffcc", "#009900");
myScroller1.setFont("Verdana,Arial,Helvetica", 2);
myScroller1.addItem("<b>Click here for <a href='http://www.sharejs.com'>Share JavaScript</a>, the net\'s #1 DHTML site!</b>");
myScroller1.addItem("<b>Visit <a href='http://www.google.cn'>Google</a>, Google.inc</b>");
myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='http://wsabstract.com/index.html'>Website Abstraction.</a>");
myScroller1.addItem("<b>Stay abreast on the latest technology news, with <a href='http://news.com/index.html'>News.com.</a></b>");

function runmikescroll() {

  var layer;
  var mikex, mikey;

  // Locate placeholder layer so we can use it to position the scrollers.

  layer = getLayer("placeholder");
  mikex = getPageLeft(layer);
  mikey = getPageTop(layer);

  // Create the first scroller and position it.

  myScroller1.create();
  myScroller1.hide();
  myScroller1.moveTo(mikex, mikey);
  myScroller1.setzIndex(100);
  myScroller1.show();
}

window.onload=runmikescroll
</script>

<div id="placeholder" style="position:relative; width:420px; height:32px;"> </div>

代码中用到两道JS脚本文件,点击下面的链接下载
下载dhtmllib.js 下载scroller.js