> php教程 > php手册 > 본문

无间隔纵向滚动公告栏

WBOY
풀어 주다: 2016-06-21 09:11:58
원래의
746명이 탐색했습니다.




您好!朋友

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>



관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿