电梯导航_html-js-css

概述电梯导航

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!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"><@R_419_6882@><Meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /><Title>无标题文档</Title><script type="text/JavaScript" src="jquery-2.1.3.min.Js"></script><script>$(function(){	$(window).scroll(function(){		var num=0;		var div_t=new Array();		var div_b=new Array();		for(var i=0;i<$('div').length;i++){			//alert($('#div'+(i+1))[0].offsettop)			div_t[i]=$('#div'+(i+1))[0].offsettop-$('li:eq('+i+')')[0].offsettop;			div_b[i]=$('#div'+(i+1))[0].offsettop+$('#div'+(i+1))[0].offsetHeight-$('li:eq('+i+')')[0].offsettop-$('li:eq('+i+')')[0].offsetHeight;			if($(window).scrolltop()>div_t[i] && $(window).scrolltop()<div_b[i]){								$('li').CSS("background","#fff");				$('li:eq('+i+')').CSS("background","#C60");			}		}			})	$('li').click(function(){		var n=$(this).index();		$(window).scrolltop($('#div'+(n+1))[0].offsettop-this.offsettop);		$('li').CSS("background","#fff");		$(this).CSS("background","#C60");			})})</script><style>*{margin:0;}div{	Font-size:80px;text-align:center;wIDth:800px;margin:0 auto;border:3px solID #ccc;}ul{	position:fixed;top:20px;left:0px;}li{	List-style:none;wIDth:50px;height:50px;line-height:50px;text-align:center;	border:3px solID #ccc;}</style></@R_419_6882@><body><ul><li> div1</li><li>div2</li><li>div3</li><li>div4</li><li>div5</li><li>div6</li><li>div7</li><li>div8</li><li>div9</li></ul><div ID="div1" >div1</div><div ID="div2" >div2</div><div ID="div3" >div3</div><div ID="div4" >div4</div><div ID="div5" >div5</div><div ID="div6" >div6</div><div ID="div7" >div7</div><div ID="div8" >div8</div><div ID="div9" >div9</div></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的电梯导航全部内容，希望文章能够帮你解决电梯导航所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1092278.html