-
js方法查看全部
-
實例內容查看全部
-
IETester包含多個版本的IE，可以方便的用來進行兼容性測試，獲取下載或者更多信息可以訪問：http://www.my-debugbar.com/wiki/IETester/HomePage查看全部
-
1、讓右側廣告正確顯示： #content .item{ position: relative; height: 540px; } 2、讓導航菜單在左側固定定位顯示： #menu { position: fixed; top: 100px; } 3、讓導航菜單實現在滾動時自動設置焦點： items.each(function() { var m = $(this); if(top > m.offset().top - 200) { currentId = m.attr("id"); } else { return false; } }); var curLnk = menu.find(".current"); if(currentId && curLnk.attr("href") != currentId) { curLnk.removeClass("current"); menu.find("[href=" + currentId + "]").addClass("current"); }查看全部
-
1、scrollTop兼容寫法： document.documentElement.scrollTop || document.body.scrollTop document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop 2、JS遍歷可以用for-in、for、while等，也可以用.each方法（要做兼容）查看全部
-
封裝removeClass和addClass方法：查看全部
-
給相應的鏈接a添加current樣式，并移除其他鏈接的current樣式： for(var j=0; j<menus.length; j++) { var href = menus[j].href.split("#"); if(href[href.length-1] != currentId) { menus[j].removeClass("current"); } else { menus[j].addClass("current"); } }查看全部
-
判斷目前滾動到哪個Item了： for(var i=0; i<items.length; i++) { var y = items[i].offsetTop; if(top > y - 200) { currentId = items[i].id; } else { break; } }查看全部
-
1、監聽滾動事件：window.onscroll 2、getElementsByClassName需要做兼容性處理查看全部
-
IE6不支持position:fixed，因此使用hack解決。 1、position的hack： * html #menu{ position: absolute; top: expression((e=document.documentElement.scrollTop ? e : document.body.scrollTop) + 100 + "px"); } 2、防止導航欄跳變： * html, * html body{ background-image: url(about:blank); background-attachment: fixed; }查看全部
-
實現： 1、設置錨點： <a href="#id"></a> 2、右側導航位置不變（固定定位）： position:fixed 3、獲取滾動條位置和左側內容區位置： $(document).scrollTop() $item.offset().top 4、左右側定位關聯： if(scrollTop > itemTop){ a.href = $item.id; a.addClass("current") } a[href!=$item.id].removeClass("current")查看全部
-
1、錨點鏈接，過去使用name，現在使用id。 2、JQ使用id篩選比用class篩選快很多查看全部
-
"(\\s|^)" + cls + "(\\s|$)" ： \\s 是轉義后的\s代表空格，|是或，^表示以cls開始，\\s空格，|或，$表示以cls結尾查看全部
-
http://www.my-debugbar.com/wiki/IETester/HomePage查看全部
-
zencoding插件(現改名Emmet) div#menu 按tab ul>li*5>a 按tab 按alt可以縱向選擇（sublime text的整列編輯的快捷鍵：shift + 鼠標右鍵）查看全部
舉報
0/150
提交
取消