無間隔縱向滾動公告欄

來源:互聯網
上載者:User
<!---
  無間隔縱向滾動公告欄
  絕無marquee的間隔情況
  作者:嘮叨
  e-mail:czjsz_ah@stats.gov.cn
  2002.12
--->

<span id="_tv_box" style="width:150;height:60;overflow:hidden" onMouseOver="_tv_start=false" onMouseOut="_tv_start=true">
<span id="_tv_item" style="position:relative;top:0">
<font color=red>您好!朋友</font><br>
1.歡迎光臨dev-club<br>
2.<a href="http://www.dev-club.com/club/bbs/bbsView.asp?boardid=31">進入php編程</a><br>
3.進入joy asp<br>
4.進入script<br>
5.在dev-club您將獲得最好的協助<br>
</span>
</span>

<script>
var _tv_moveSpeed = 50; // 速度控制,兩次移動的間隔ms
var _tv_movestep = 1;   // 速度控制,每次的移動量px
var _tv_post = 0;       // 工作變數,當前位移量
var _tv_tvheight = 0;   // 工作變數,移動地區的總高度
var _tv_start = true;   // 工作變數,運動狀態控制
/**
* 移動控制
* 首次調用需有參數
*/
function tv_item_move(v) {
  if(v) {  // 第一次進入
    _tv_item.innerHTML += _tv_item.innerHTML; // 複製移動地區內容,這是本演算法的關鍵
    _tv_tvheight = _tv_item.offsetHeight;     // 擷取移動地區的總高度
  }
  if(_tv_start) {  // 是移動狀態
    _tv_post -= _tv_movestep;  // 計算位移
    if(_tv_post+_tv_tvheight < _tv_box.offsetHeight)  // 若移動後將露出底部
      _tv_post += _tv_tvheight/2;  // 將位移上調一段
    _tv_item.style.pixelTop = _tv_post;  // 設定位移
  }
  setTimeout('tv_item_move()',_tv_moveSpeed); // 啟動定時器
}
/*** 啟動縱向滾動 ***/
tv_item_move(1);
</script>


相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。