《無縫滾動案例總結(jié)》
對于無縫滾動這種比較出名的特效它的制作方法你就必須要單獨的去記了咒钟,就相當于理解以后要將他背下來一樣谒麦。
今后對于無縫循環(huán)的任何效果都可以通過復(fù)制首狀態(tài)作為尾狀態(tài)然后再發(fā)生跳轉(zhuǎn)熄求。這樣的話就可以形成無縫循環(huán)的效果官辈。
無縫循環(huán)動畫是用動畫定時器制作的不是用animate做的稿茉。
任何案例區(qū)分初始化中做什么,事件中做什么就足夠了掏导。
《鼠標跟隨展示》
特效當中只要有鼠標跟隨效果享怀,一定都是用mousemove來制作鼠標跟隨的。別的事件根本搞不定趟咆。
但凡是動畫切記考慮清楚排隊添瓷,其中hide()和show()如果小括號里面不填寫值他們實際上并不代表動畫。
《高級淘寶焦點圖》
多寫多看值纱,條件判斷語句在用來判斷或驗證數(shù)據(jù)的時候肯定都是在使用數(shù)據(jù)之前鳞贷。其實整個案例用到的東西都很簡單,只不過是很多簡單的東西組合使用虐唠。
【網(wǎng)頁滾動事件】
《新事件》
書寫基本格式
$(window).scroll(function(){}) 表示當網(wǎng)頁文檔向上滾動的時候觸發(fā)執(zhí)行指令搀愧。(注意事項會連續(xù)觸發(fā),有點像mousemove)
《測試網(wǎng)頁滾動的高度距離》
簡介:任何網(wǎng)頁如果希望得到當前網(wǎng)頁文檔滾動到窗口上面的高度距離疆偿;可以通過如下寫法獲取到: $(window).scrollTop();
懸停廣告案例總結(jié):
在js當中如果希望一個廣告能在窗口中垂直居中咱筛。可以采取公式
(窗口的高度-廣告的高度)/2; 這個公式可以保證廣告或某個分區(qū)在窗口中一直固定居中翁脆。如果希望能夠跟隨窗口居中>祢尽!反番! 最后還需要加上 網(wǎng)頁的滾動坐標值沙热。這個方法既能處理垂直居中也能處理水平居中叉钥。
《設(shè)置滾動坐標值》
簡介:對于所有的網(wǎng)頁初始化發(fā)布以后他們默認的滾動坐標值肯定都是0;因為網(wǎng)頁要從頭開始看篙贸。但是有的時候也可以通過人為控制投队,來設(shè)置網(wǎng)頁自動滾動到哪個位置。
jquery中提供一個方法可以人為干預(yù)網(wǎng)頁的滾動坐標值爵川;
基本格式:
$('html,body').animate({ scrollTop:1500},500)
注意事項選擇器中必須選中html和body這是為了解決兼容性強制要求的敷鸦。
設(shè)置滾動使用的屬性是scrollTop這是css中不存在的屬性只有在jq中能用。
《閉包》
首先說一下閉包這個技術(shù)比較不好理解寝贡。很多地方閉包有非常復(fù)雜的解釋扒披。
閉包的作用:
可以對全局空間的命名變量實行私有化;讓很多全局變量變成私有的圃泡。這樣的話不污染全局空間碟案,也解決了變量命名沖突的難題。閉包的內(nèi)在原理是匿名函數(shù)的自調(diào)颇蜡;
格式 ?()();這是最原始的格式价说; 實際上完整格式應(yīng)該是
(function(){})(); 這就是匿名函數(shù)自己調(diào)用自己。