-
設(shè)計（技術(shù)點）： 1、錨點（anchor），即頁面內(nèi)超鏈接，標(biāo)簽為<a>； 2、滾動條的事件和方法（使用JQ實現(xiàn)：.scroll() + .scrollTop() + .offset()）。查看全部
-
解決問題的流程：分析 -> 設(shè)計 -> 實現(xiàn) 分析（要實現(xiàn)的功能）： 1、左側(cè)內(nèi)容+右側(cè)導(dǎo)航條； 2、左側(cè)滾動時，右側(cè)導(dǎo)航的位置不變； 3、左側(cè)滾動到某個欄目時，右側(cè)定位到相應(yīng)鏈接； 4、點擊右側(cè)鏈接時，左側(cè)定位到相應(yīng)欄目。 難點： 1、左右側(cè)的樣式； 2、左右側(cè)的定位關(guān)聯(lián)（思路見圖）： 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'); }查看全部
-
瀏覽器兼容性調(diào)試：工具（IETester） hack:利用編碼達(dá)到區(qū)分不同的瀏覽器，并為不同的瀏覽器設(shè)置不同的樣式查看全部
-
1、直接引入百度資源公共庫中的插件比把插件下載到本地再引入的速度快且方便； 2、Jquery中用id去獲取元素遠(yuǎn)比通過class去獲取元素效率高查看全部
-
位置固定小技巧： left：50%； margin-left： 先把元素位置居中，再根據(jù)其他元素的寬度定位于相應(yīng)的位置查看全部
-
/*請補充此處代碼，讓右側(cè)廣告正確顯示*/ #content .item{ position: relative; height:540px; width: 100%; margin-bottom: 20px; } /*請補充此處代碼，讓導(dǎo)航菜單在左側(cè)絕對定位顯示*/ #menu{ position: fixed; top:100px; left: 50%; margin-left:-660px; width: 160px; } // 讓導(dǎo)航菜單實現(xiàn)在滾動條滾動的時候自動設(shè)置焦點 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: 獲取全部網(wǎng)站的值。 用jQuery的attr獲取href: 只含當(dāng)前的值，不會獲取全部網(wǎng)站查看全部
-
小知識: 1、在JavaScript原生上,當(dāng)滾動條發(fā)生滾動時發(fā)生事件: window.onscroll=function(){ } 2、IE瀏覽器對getElementsByClass支持比較差，因此把獲取Class寫成一個函數(shù)[對于有多個class是不成立的] function(obj,class){ var classS=[]; //獲取所有標(biāo)簽 var elements=obj.getElementsByTagName('*'); //然后對所有標(biāo)簽進(jìn)行判斷(是否有傳進(jìn)來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
提交
取消