向上滚动的文字特效代码,JS代码库,德仔网

代码语言

代码分类

【JS】向上滚动的文字特效

作者:Dezai.CN / 发布于2013/6/27/ 627


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>向上滚动的文字特效JS代码 </title>
	
	</head>
	<body>



	<div id="demo" style="overflow:hidden;height:100px;width:210px; border:1px solid #666;">
	<div id="demo1">
	<a href="http://www.dezai.cn" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒</a> 为您提供-基于jquery特效，jquery弹出层效果，js特效代码大全，JS广告代码，导航菜单代码，下拉菜单代码和jquery焦点图片代码。
	这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。
	这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。
	这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。
	这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。
	</div>

	<div id="demo2"></div>
	</div>
	<script style="text/javascript">
	var speed=40;//数值越大，速度越慢
	var demo2=document.getElementById("demo2");
	var demo1=document.getElementById("demo1");
	var demo=document.getElementById("demo");
	demo2.innerHTML=demo1.innerHTML;
	demo.scrollTop=demo.scrollHeight;
	function MarqueeUp(){
	if(demo2.offsetTop-demo.scrollTop<=0)
	demo.scrollTop-=demo2.offsetHeight;
	else{
	demo.scrollTop++;
	}
	}
	var MyMar=setInterval(MarqueeUp,speed);
	demo.onmouseover=function() {clearInterval(MyMar);}
	demo.onmouseout=function() {MyMar=setInterval(MarqueeUp,speed);}
	</script>

	<!------------------------------------->

	


	</body>
	</html>

	

	

	

	

	

	


	
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　向上滚动　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)