-
用原生態js編寫代碼,尤其要注意瀏覽器的兼容性。 如果某些瀏覽器不兼容,將可以通過編輯函數來實現或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE對這個方法的支持很差。解決方法的代碼如圖所示。 注意但是這個方法不適用於多個class的時候 2、獲取頁面的滾動條距離頂部的高度可以用下面的方法(因為在XHTML中不支持documentElement所以要用body來獲取scrollTop): var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; documentElement 和 body 相關說明: body是DOM對象里的body子節點,即 <body> 標籤; documentElement 是整個節點樹的根節點root,即<html> 標籤;查看全部
-
//给相应楼层的a 设置current ,取消其他链接的current var currentLink = menu.find(".current"); if(currentId&¤tLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId +"]").addClass("current");查看全部
-
ie6完美解决fixed查看全部
-
ie6fixed的不支持,解决方法查看全部
-
ie6不支持fixed,用hank查看全部
-
技术点2查看全部
-
技术点查看全部
-
定位关联查看全部
-
特效分析——重难点查看全部
-
特效分析查看全部
-
<!--运用锚点,实现导航定位。--> <li><a href="#item1" class="current">1F 男装</a></li> <li><a href="#item2">2F 女装</a></li> <li><a href="#item3">3F 美妆</a></li> <li><a href="#item4">4F 数码</a></li> <li><a href="#item5">5F 母婴</a></li>查看全部
-
$(document).ready(function (){ $(window).scroll(function (){ var top = $(document).scrollTop(); var items = $("#content").find(".item"); var currentId = ""; var menu = $("#menu"); items.each(function (){ var it = $(this); var itemTop = it.offset().top; if(top > itemTop-200){ currentId = "#"+it.attr("id"); } else { return false; } }); var currentLink = menu.find(".current"); //给相应楼层的a设置 current,取消其他链接的current if(currentId && currentLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId+"]").addClass("current"); } }); });查看全部
-
/*请补充此处代码,让导航菜单在右侧绝对定位显示*/ #menu { position: fixed; left: 50%; margin-left:400px; }查看全部
-
jquery是javascript的代码库,each()其实是包含循环的一个函数,所用使用continue和break这两条命令是没有效果的. jquery使用的是下面两条语句. return false;——跳出所有循环;相当于 javascript 中的 break 效果。 return true;——跳出当前循环,进入下一个循环;相当于 javascript 中的 continue 效果查看全部
-
用原生态js编写代码,尤其要注意浏览器的兼容性。 如果某些浏览器不兼容,将可以通过编辑函数来实现或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop): var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;查看全部
举报
0/150
提交
取消