很简洁的循环滚动效果
来源:互联网 发布:知乎 akb长相 编辑:程序博客网 时间:2024/05/16 19:54
<ul id="contain"><li>alist 1</i><li>blist 2</i><li>clist 3</i><li>dlist 4</i></ul>
<SCRIPT LANGUAGE="JavaScript">
function xx()...{
var container=document.getElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",800);
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function xx()...{
var container=document.getElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",800);
</SCRIPT>
完善点的:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#container...{width:300px; height:100px; margin:0px; overflow:hidden; font-size:12px}
#container div...{height:20px}
</style>
<script type="text/javascript">
var tt;
function scroll()...{
var h = parseInt(container.firstChild.style.marginTop) * -1;
if(isNaN(h)) h = 0;
if(h==0)...{
var clonenode = container.firstChild.cloneNode(true);
container.appendChild(clonenode);
container.firstChild.style.marginTop = "-1px";
tt=setInterval("scroll()",100);
}else if(h>0 && h < container.firstChild.offsetHeight)...{
container.firstChild.style.marginTop = (h + 1)* -1 + "px";
}else...{
container.removeChild(container.firstChild);
clearInterval(tt);
scroll();
}
}
</script>
</head>
<body>
<div id="container" onmouseover="clearInterval(tt)" onmouseout="tt=setInterval('scroll()',100);"><div>第一个</div><div>第二个</div><div>第三个</div><div>第四个</div><div>第五个</div></div>
<input type="button" name="bt" value="滚动" onclick="scroll();">
<input type="text" name="view">
</body>
</html>
<head>
<style type="text/css">
#container...{width:300px; height:100px; margin:0px; overflow:hidden; font-size:12px}
#container div...{height:20px}
</style>
<script type="text/javascript">
var tt;
function scroll()...{
var h = parseInt(container.firstChild.style.marginTop) * -1;
if(isNaN(h)) h = 0;
if(h==0)...{
var clonenode = container.firstChild.cloneNode(true);
container.appendChild(clonenode);
container.firstChild.style.marginTop = "-1px";
tt=setInterval("scroll()",100);
}else if(h>0 && h < container.firstChild.offsetHeight)...{
container.firstChild.style.marginTop = (h + 1)* -1 + "px";
}else...{
container.removeChild(container.firstChild);
clearInterval(tt);
scroll();
}
}
</script>
</head>
<body>
<div id="container" onmouseover="clearInterval(tt)" onmouseout="tt=setInterval('scroll()',100);"><div>第一个</div><div>第二个</div><div>第三个</div><div>第四个</div><div>第五个</div></div>
<input type="button" name="bt" value="滚动" onclick="scroll();">
<input type="text" name="view">
</body>
</html>
- 很简洁的循环滚动效果
- 向上循环滚动的图片展示效果
- 无间断的图片循环滚动效果
- 循环滚动得效果
- 图片循环滚动效果
- Web_JavaScript_JS循环滚动效果;
- 图片循环滚动效果
- 基于jquery的循环左右滚动和上下滚动效果
- JS+CSS代码简洁的无间断文字向上滚动切换效果
- jquery实现的向上无缝循环滚动的新闻效果
- 基于jquery循环滚动效果
- js文字循环滚动效果
- NGUI 相片循环滚动效果
- 用3个label实现scrollView的循环滚动效果
- 很详细的web简洁的滑动效果Swipe.JS
- 基于jquery的循环左右滚动和上下滚动效果(备用记录)
- 一段简洁的滚动飘浮代码
- 简洁的JS图片滚动代码
- 如何查看Mapxtreme2004的整个地图
- 该静下心学习读书了
- 一定要做的事情
- 数据挖掘入门书:Roiger&Geatz《数据挖掘教程》清华版2003——从我那Windows Live Spaces转过来,表示决裂
- memcmp,memicmp函数
- 很简洁的循环滚动效果
- eclipseme插件安装的一点心得
- 由杀毒引起的……
- C++ 虚函数 多态
- memcpy,memccpy,memmove函数
- 从语句 char* p="test" 说起
- 打破沙锅--Xml串行化
- OnJava推荐的Singleton实现
- 《给初学者的Windows Vista的补遗手册》之012