-
要是多一些,滾動執(zhí)行一次each,開銷不會很大吧查看全部
-
jQuery的各個版本都不一樣,有差別,老師用的這個版本是可以兼容IE的,好暈。 拿出來收藏 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>查看全部
-
三種方法寫“當頁面加載完成后執(zhí)行”這一句話: 1—$(document).ready(function(){ //jq中 }); 2—$(function(){ //jq中 }); 3—window.onload = function(){ //js中 $(window)和$(document)獲取到的對象不同。 4、Window 對象表示一個瀏覽器窗口或一個框架。在客戶端 JavaScript 中,Window 對象是全局對象,所有的表達式都在當前的環(huán)境中計算. 5、Document 對象是 Window 對象的一部分,每個載入瀏覽器的 HTML 文檔都會成為 Document 對象.查看全部
-
右側(cè)導航樣式:先固定定位 position:fixed再設(shè)置left 50%讓其在頁面居中, 再向右偏移#content寬度的一半。查看全部
-
menu.find("[href="+currentId+"]").addClass("current"); jQuery 屬性選擇器 jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。 $("[href]") 選取所有帶有 href 屬性的元素。 $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。 $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結(jié)尾的元素。 就跟拼接字符串一樣,currentId是個對象,不加加號的話menu.find("[href = currentId ]")表示找href屬性為"currentId"的,很顯然沒有,只有href屬性為"item1"、"item2"、....這樣的。查看全部
-
【編程挑戰(zhàn)--end(代碼有bug:點擊左側(cè)導航鏈接,出錯?。?本代碼利用課程中所學的知識,實現(xiàn)了簡單的,類似于天貓新首發(fā)頁面的效果,天貓新首發(fā)頁面在導航效果的基礎(chǔ)上,又加入了很多額外的特效,感興趣的同學可以在此基礎(chǔ)上發(fā)揮想象,把效果做得更加完善。 溫馨提示:完成任務(wù)后,請驗證是否與實踐效果一致,如一致,恭喜您,你已經(jīng)掌握此知識,否則,請重新學習些課程吆,直到與結(jié)果效果一致。 【任務(wù)】 1、讓右側(cè)廣告正確顯示 注意:選擇正確的尺寸和滾動條的隱藏。 2、讓導航菜單在左側(cè)絕對定位顯示 注意:定位和選擇正確的position。 3、讓導航菜單實現(xiàn)在滾動條,滾動的時候,自動設(shè)置焦點 注意:注意用到教程中所學的知識,遍歷items設(shè)置currentId,然后給菜單設(shè)置current類。 【不會了怎么辦】 詳見參考代碼。查看全部
-
【編程練習】 運用javascript知識,實現(xiàn)根據(jù)class name獲取對象并返回、給頁面元素增加class等功能函數(shù),并實現(xiàn)在滾動時,根據(jù)滾動條的位置自動設(shè)置導航菜單的焦點。 溫馨提示:完成任務(wù)后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經(jīng)掌握此技能,否則,請重復學習此節(jié)內(nèi)容。 【任務(wù)】 1、定義 getByClassName函數(shù),讓函數(shù)實現(xiàn)根據(jù) class name獲取對象并返回 提示:先獲取 obj中的所有標簽,賦值給 elements,然后遍歷 elements,找到className相符的元素存入數(shù)組 result,然后返回 result。 2、定義 addClass函數(shù),讓函數(shù)實現(xiàn)給對象增加 class。 提示:首先要判斷是否已經(jīng)有名為 cls的 class,如果沒有,添加即可。 3、補充代碼,給正確的 menu下的a元素 class賦值 current。 提示:此處要遍歷 menus,對 menus中的每一個元素判斷 href屬性值和 currentId是否相符,并根據(jù)判斷結(jié)果決定是移除名為 current的class,還是增加名為 current的class。 【不會了怎么辦】 詳見參考代碼。查看全部
-
【編程練習】 運用css和jQuery,實現(xiàn)導航菜單在右側(cè)絕對定位顯示,并且可以在滾動時,根據(jù)滾動條的位置自動設(shè)置導航菜單的焦點。 溫馨提示:完成任務(wù)后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經(jīng)掌握此技能,否則,請重復學習此節(jié)內(nèi)容。 【任務(wù)】 一、靜態(tài)網(wǎng)頁的實現(xiàn) 1、運用CSS,讓導航菜單在右側(cè)絕對定位顯示。 2、運用錨點,實現(xiàn)導航定位。 提示:使用position屬性。 二、jQuery實現(xiàn)定位導航特效 1、滾動條發(fā)生滾動時,要獲取相應(yīng)的值。 提示:先要獲取到相應(yīng)的scrollTop()、導航和當前所在的樓層。 2、實現(xiàn)讓導航菜單在滾動條滾動的時候,自動設(shè)置焦點。 提示:這里遍歷時,需要對滾動條位置,和每個元素位置做一個判斷,并把相應(yīng)的元素id值賦予currentId。 3、給相應(yīng)樓層的a 設(shè)置 current,取消其他鏈接的 current。 【不會了怎么辦】 詳見參考代碼。查看全部
-
jQuery的offset()方法會返回一個對象,包含top和left屬性查看全部
-
1.webStrom軟件zencoding插件:可簡化敲代碼 (1) ul>li*5>a 按tab鍵 sublime也可以tab (2) 按住ALT鍵,就可以豎向選擇 sublime是按住shift+右鍵 2.超鏈接懸浮或者座位焦點時(a.current 這里的current是設(shè)置第一個為默認)文字變白給個背景色 3.定位小技巧: 固定menu的位置的時候fixed完成之后 left:50% 先讓要定位的元素居中顯示; margin-left:400px;再根據(jù)要相對定位的元素的寬度對要定位元素進行位置偏移。查看全部
-
技術(shù)點查看全部
-
技術(shù)點查看全部
-
導航條隨著滾動條的滾動改變焦點,其實就是給相應(yīng)的項目增加樣式查看全部
-
jQuery通過ID篩選效率要比通過clss高的多查看全部
-
單頁面的網(wǎng)頁比較流行,網(wǎng)站定位查看全部
舉報
0/150
提交
取消