-
設計（技術點）： 1、錨點（anchor），即頁面內超鏈接，標簽為<a>； 2、滾動條的事件和方法（使用JQ實現：.scroll() + .scrollTop() + .offset()）。查看全部
-
解決問題的流程：分析 -> 設計 -> 實現 分析（要實現的功能）： 1、左側內容+右側導航條； 2、左側滾動時，右側導航的位置不變； 3、左側滾動到某個欄目時，右側定位到相應鏈接； 4、點擊右側鏈接時，左側定位到相應欄目。 難點： 1、左右側的樣式； 2、左右側的定位關聯（思路見圖）： A、B、C分別為1F、2F、3F到視窗頂端的距離； S1、S2表示滾動條的位置，若滾動條在B、C之間，表示目前滾動到2F，此時2F獲得焦點。查看全部
-
ps 小div 緊貼居中 大div 的邊緣 小的div left：50%； margin-left：** **：為大div寬度的一半查看全部
-
zen coding很有用： (div#item$.item>h2+ul>li*9>a[href="#"]>img[src="F.jpg"])*5查看全部
-
解決IE6不兼容fixed屬性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }查看全部
-
瀏覽器兼容性調試：工具（IETester） hack:利用編碼達到區分不同的瀏覽器，并為不同的瀏覽器設置不同的樣式查看全部
-
1、直接引入百度資源公共庫中的插件比把插件下載到本地再引入的速度快且方便； 2、Jquery中用id去獲取元素遠比通過class去獲取元素效率高查看全部
-
位置固定小技巧： left：50%； margin-left： 先把元素位置居中，再根據其他元素的寬度定位于相應的位置查看全部
-
/*請補充此處代碼，讓右側廣告正確顯示*/ #content .item{ position: relative; height:540px; width: 100%; margin-bottom: 20px; } /*請補充此處代碼，讓導航菜單在左側絕對定位顯示*/ #menu{ position: fixed; top:100px; left: 50%; margin-left:-660px; width: 160px; } // 讓導航菜單實現在滾動條滾動的時候自動設置焦點 items.each(function(){ var _this = $(this); var _itemTop = _this.offset().top; if(top>_itemTop-50){ currentId = "#"+_this.attr("id"); }else{ return false; } }); var currentLink = menu.find(".current"); if(currentId && currentLink.attr("href") != currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId+"]").addClass("current"); }查看全部
-
left:50% margin-left:400px查看全部
-
//獲取樣式名字的兼容寫法 function getByClassName(obj,cls){ var elements = obj.getElementByTagName("*"); var result = []; for(var i=0;i<elements.length;i++){ if(elements[i].className ==cls){ result.push(elements[i]); } } return result; }查看全部
-
滾動條距離頂部的距離。 var top = document.documentElement ？ document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
用原生JavaScript獲取href: 獲取全部網站的值。 用jQuery的attr獲取href: 只含當前的值，不會獲取全部網站查看全部
-
小知識: 1、在JavaScript原生上,當滾動條發生滾動時發生事件: window.onscroll=function(){ } 2、IE瀏覽器對getElementsByClass支持比較差，因此把獲取Class寫成一個函數[對于有多個class是不成立的] function(obj,class){ var classS=[]; //獲取所有標簽 var elements=obj.getElementsByTagName('*'); //然后對所有標簽進行判斷(是否有傳進來class) for(var i=0;i<elements.length;i++){ if(elements[i].className==class){ classS.push(element[i]); } } return calssS; }查看全部
-
IE6不支持fixed(固定定位)。 解決辦法:(通過三元運算符來解決) /*IE6 hack*/ * html 菜單ID{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px') } 解決跳動問題: * html,* html doby{ background-iamge:url(about:blank); background-attachment:fixed; }查看全部
舉報
0/150
提交
取消