同一页面中滚动代码多处调用特效代码

F:耽恋免费资源站 www.DLcom.org 2010-03-09 载入... 收藏推荐评论

<div id="demo" style="overflow:hidden;height:150px;width:150px;text-align:center;margin:7px auto 0px auto;">
	<div id="demo1">
		<ul>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
		</ul>
	</div>
	<div id="demo2"></div>
</div>
<hr>
<div id="demob" style="overflow:hidden;height:150px;width:150px;text-align:center;margin:7px auto 0px auto;">
	<div id="demob1">
		<ul>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
		</ul>
	</div>
	<div id="demob2"></div>
</div>
<hr>
<div id="democ" style="overflow:hidden;height:150px;width:150px;text-align:center;margin:7px auto 0px auto;">
	<div id="democ1">
		<ul>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
			<li>这是一个li项目</li>
		</ul>
	</div>
	<div id="democ2"></div>
</div>
<script type="text/javascript">
 	var speed=3
function gungun(demo,demo1,demo2,fang){
	demo2.innerHTML=demo1.innerHTML
	sw=1
	demo.onmouseover=function() {sw=0;}
	demo.onmouseout=function() {sw=1;}
	doMarquee=function Marquee(){
	  	if (sw==1){
			if(demo2.offsetHeight-demo.scrollTop<=0)
			demo.scrollTop-=demo1.offsetHeight
			else demo.scrollTop++
		}
	}
setInterval(Marquee,speed)
} 
function getObject(objectId) {
   if(document.getElementById && document.getElementById(objectId)) {// W3C DOM
		return document.getElementById(objectId);
   } 
   else if (document.all && document.all(objectId)) {// MSIE 4 DOM
		return document.all(objectId);
   } 
   else if (document.layers && document.layers[objectId]) {// NN 4 DOM.. note: this won't find nested layers
		return document.layers[objectId];
   } 
   else {
		return false;
   }
}
</script>
<script>
new gungun(getObject("demo"),getObject("demo1"),getObject("demo2"),"up")
new gungun(getObject("demob"),getObject("demob1"),getObject("demob2"),"up")
new gungun(getObject("democ"),getObject("democ1"),getObject("democ2"),"up")
</script>

打印投稿

返回顶部

上一篇：签名提示程序 - 网页特效代码

下一篇：没有了

随便看看：

状态栏文字来回出现 - 网页特	文字从右弹出 - 网页特效代码
页面右下角弹出类似QQ或MSN的	打开窗口等待 - 网页特效代码
页面中嵌入页面 - 网页特效代	打开窗口前进行判断 - 网页特
自已选择背景颜色(输入代码变	关闭窗口链接 - 网页特效代码
在页内打开帧 - 网页特效代码	状态栏文字从右弹出 - 网页特