Heim > php教程 > php手册 > 无间隔纵向滚动公告栏

无间隔纵向滚动公告栏

WBOY
Freigeben: 2016-06-21 09:11:58
Original
798 Leute haben es durchsucht




您好!朋友

1.欢迎光临dev-club

2.进入php编程

3.进入joy asp

4.进入script

5.在dev-club您将获得最好的帮助




<script><br/>var _tv_moveSpeed = 50; // 速度控制,两次移动的间隔ms<br/>var _tv_movestep = 1; // 速度控制,每次的移动量px<br/>var _tv_post = 0; // 工作变量,当前偏移量<br/>var _tv_tvheight = 0; // 工作变量,移动区域的总高度<br/>var _tv_start = true; // 工作变量,运动状态控制<br/>/**<br/> * 移动控制<br/> * 首次调用需有参数<br/> */<br/>function tv_item_move(v) {<br/> if(v) { // 第一次进入<br/> _tv_item.innerHTML += _tv_item.innerHTML; // 复制移动区域内容,这是本算法的关键<br/> _tv_tvheight = _tv_item.offsetHeight; // 获取移动区域的总高度<br/> }<br/> if(_tv_start) { // 是移动状态<br/> _tv_post -= _tv_movestep; // 计算偏移<br/> if(_tv_post+_tv_tvheight < _tv_box.offsetHeight) // 若移动后将露出底部<br/> _tv_post += _tv_tvheight/2; // 将偏移上调一段<br/> _tv_item.style.pixelTop = _tv_post; // 设置偏移<br/> }<br/> setTimeout('tv_item_move()',_tv_moveSpeed); // 启动定时器<br/>}<br/>/*** 启动纵向滚动 ***/<br/>tv_item_move(1);<br/></script>



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage