您的位置:首頁 > 網頁制作 > Javascript

文字上下滾動并暫停

日期:2006-07-10 09:22:54 點擊: 來自: 作者:
以下是代碼片段:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="generator" content="editplus">
<meta name="author" content="dron">
<meta name="keywords" content="dron">
<meta name="description" content="dron">
<title>游戲人滾動字幕類</title>
<style type="text/css">
 *
 {
  font-size:12px;
 }
 #scrollBox
 {
  width:250px;
  height:20px;
  line-height:20px;
  overflow:hidden;
  background-color:#eee;
 }
 #scrollBox2
 {
  width:280px;
  height:80px;
  line-height:20px;
  overflow:hidden;
  background-color:#eee;
 }
</style>
</head>
<body>
單行例子:(每屏一行)<br><br>
<div id="scrollBox">
中國去年進口原油 11%來自上合成員<br />
美:中國對臺灣立場 似轉趨和緩<br />
美制裁四家中國公司 中方表示強烈不滿<br />
中伊關系加溫 大陸波斯餐廳開幕
</div>
<br>多行例子:(每屏四行)<br><br>
<div id="scrollBox2">
為何暫停UN登記武器轉讓 中方做解釋<br>
追悼空軍運輸機遇難者 胡錦濤送花圈<br>
中國控制互聯網?外交部發言人駁斥<br>
美國移民局逮2179人 包括1華人蛇頭<br>
奇男子能嚼咽雙刃刀片 用鼻子喝茶<br>
男子持塑料玩具槍 劫走四十多噸銅(圖)<br>
餐館當街宰小貓做肉丸 場面血腥(圖)<br>
男子軟禁妻子近5年 稱是替其驅妖魔<br>
男子殺死同居女友 與腐尸共宿八天<br>
年輕妻子欲賣腎救夫 88篇日記感人<br>
曾志偉父親節雙喜臨門 獲美榮譽博士
</div>
<script type="text/javascript">
/*******************************************
  游戲人滾動字幕類 2006-06-16 修改
  This JavaScript was writen by Dron.
  @2003-2008 Ucren.com All rights reserved.
*******************************************/
function Dron_ScrollBox(uid)
{
 this.scrollBox = document.getElementById(uid);
 this.scrollBoxHeight = this.scrollBox.clientHeight;
 this.scrollBoxInner = this.scrollBox.innerHTML;
 this.scrollCol = this.scrolln = 0;
 this.setScroll = function ()
 {
  this.scrollBox.scrollTop = this.scrollCol + this.scrolln;
  if(this.scrolln==this.scrollBoxHeight)
   return this.addScroll()
  else
   this.scrolln ++;
  var o = this;
  function m(){o.setScroll();}
  setTimeout(m,20);
 }
 this.addScroll = function ()
 {
  this.scrollBox.innerHTML += "<br>" + this.scrollBoxInner;
  this.scrollCol = this.scrollBox.scrollTop;
  this.scrolln = 0;
  var o = this;
  function m(){o.setScroll();}
  setTimeout(m,1000);
 }
 this.init = this.addScroll;
}
//類的調用方法,可多個,只要你內存允許
new Dron_ScrollBox("scrollBox").init();
new Dron_ScrollBox("scrollBox2").init();
</script>
</body>
</html>
More..素材圖片 Picture Navigation
Javascript熱門 Class Hot
Javascript推薦 Class Commend
版權所有:中國網站資源 2005- 未經授權禁止復制或建立鏡像 This Site Tech:XHTML+DIV+CSS+Javascript
CopyRight ® 2005- www.szgxlt.com online services. all rights reserved. ICP06016627
Optimized to 1024x768 to Firefox,Netscape,Opera,MS-IE6+.
雷火电竞 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>