-
if (currentId){ //给正确的menu下的a元素class赋值 for ( var j = 0; j < menus.length; j++){ var _menu = menus[j]; var _href = _menu.href.split("#"); if( _href[_href.length - 1] != currentId ){ removeClass(_menu, "current"); } else{ addClass(_menu, "current"); } } }查看全部
-
<script> $(document).ready(function(){ $(window).scroll(function(){ //滚动条发生滚动时,要获取相应的值。 var top = $(document).scrollTop(); var menu = $("#menu"); var items=$("#content").find(".item"); var currentId=""; //请补充此处代码,让导航菜单实现在滚动条滚动的时候自动设置焦点 items.each(function(){ var m=$(this); var itemTop = m.offset().top; if(top>itemTop-200){ currentId = "#"+m.attr("id"); }else{ return false; } }); //给相应楼层的a 设置 current,取消其他链接的current var currentLink = menu.find(".current"); if(currentId && currentLink.attr("href") !=currentId){ currentLink.removeClass("current"); menu.find("[href="+currrentId+"]").addClass("current"); } }); }); </script>查看全部
-
使用锚点可以在文档中设置标记,这些标记通常放在文档的顶部。查看全部
-
导航条随着滚动条的滚动改变焦点,其实就是给相应的项目增加样式查看全部
-
#menu ul li a:hover, #menu ul li a.current{ color:#fff; background: #0088bb; }定义焦点样式。。。查看全部
-
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;或var top = document.documentElement.scrollTop || document.body.scrollTop;用js实现滚动时根据滚动条的位置自动设置导航菜单的焦点。查看全部
-
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;或var top = document.documentElement.scrollTop || document.body.scrollTop;用js实现滚动时根据滚动条的位置自动设置导航菜单的焦点。查看全部
-
导航与滚动条之间的定位关联查看全部
-
1、找到当前id; 2、替换当前菜单焦点样式。查看全部
-
1、js关键词会以特殊颜色标记; 2、js原生态元素属性直接写,例如:obj.href; 3、以良好的习惯命名变量名称,单个变量与变量集合的区别; 4、了解原生态js的规则与方法; 5、判别元素属性,需用正则表达式来匹配实现; 6、好记性不如烂笔头,先把函数流程图画出来,然后哗啦啦的写程序。查看全部
-
IETester的主要用途是什么?是一款Web browser,包含多个版本的IE,用来测试兼容性查看全部
-
浏览器调试:IETest测试工具,一般情况下ie7下通过了ie8,ie9也没有问题,特别的ie6不支持position的fixed属性,做一个hank() /*IE6 hack*/ *html, *html body{ background-image:url(about:blank); background-attachment:fixed; } * html #menu{ /*position:fixed;*/ position:absolute; top:expression(((e=documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }查看全部
-
地狗购物网 $(window).scroll(function(){})滚动条滚动监听函数,$(document).scrollTop()滚动条离页面顶端距离函数,find()查找函数,offset()元素离页面top和left的距离函数,attr()元素属性获取或设置函数,removeClass()元素删除类属性函数,addClass()元素添加类属性函数,each()遍历函数。查看全部
-
使用正则表达式判断class的存在查看全部
-
关于正则编码表达式查看全部
举报
0/150
提交
取消