手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >滚动效果
滚动效果
摘要:12345678910111213141516171819202122232425262728marque(320,196,"icefabl...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
marque(320,196,"icefable1","box1left")var scrollElem;var stopscroll;var stoptime;var preTop;var leftElem;var currentTop;var marqueesHeight;function marque(width,height,marqueName,marqueCName){ try{ marqueesHeight = height; stopscroll = false;

scrollElem = document.getElementById("adsfar"); with(scrollElem){ style.width = width; style.height = marqueesHeight; style.overflow = 'hidden'; noWrap = true; }

scrollElem.onmouseover = new Function('stopscroll = true'); scrollElem.onmouseout = new Function('stopscroll = false');

preTop = 0; currentTop = 0; stoptime = 0;

leftElem = document.getElementById("adsfar"); scrollElem.appendChild(leftElem.cloneNode(true)); init_srolltext();

}catch(e) {}}function init_srolltext(){ scrollElem.scrollTop = 0; setInterval('scrollUp()', 18);}

function scrollUp(){ if(stopscroll) return; currentTop += 1; if(currentTop == marqueesHeight+1) { stoptime += 1; currentTop -= 1; if(stoptime == (marqueesHeight)*1) {//停顿时间 currentTop = 0; stoptime = 0; } }else{

preTop = scrollElem.scrollTop; scrollElem.scrollTop += 1; if(preTop == scrollElem.scrollTop){ scrollElem.scrollTop = marqueesHeight; scrollElem.scrollTop += 1; } }}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【滚动效果】相关文章:

js实现文字垂直滚动和鼠标悬停效果

js实现Select列表内容自动滚动效果代码

js+div实现图片滚动效果代码

div模拟滚动条效果示例代码

js 文本滚动效果的实例代码

jquery.blockUI.js上传滚动等待效果实现思路及代码

JavaScript代码实现图片循环滚动效果

原生javascript实现图片无缝滚动效果

javascript实现滚动效果的数字时钟实例

JS不间断向上滚动效果代码

精品推荐
分类导航