js第十篇

《無縫滾動案例總結(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)用自己。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末风秤,一起剝皮案震驚了整個濱河市鳖目,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌缤弦,老刑警劉巖领迈,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異惦费,居然都是意外死亡兵迅,警方通過查閱死者的電腦和手機抢韭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恍箭,“玉大人刻恭,你說我怎么就攤上這事〕敦玻” “怎么了鳍贾?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長交洗。 經(jīng)常有香客問我骑科,道長,這世上最難降的妖魔是什么构拳? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任咆爽,我火速辦了婚禮梁棠,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘斗埂。我一直安慰自己符糊,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布呛凶。 她就那樣靜靜地躺著男娄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪漾稀。 梳的紋絲不亂的頭發(fā)上模闲,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天,我揣著相機與錄音崭捍,去河邊找鬼围橡。 笑死,一個胖子當著我的面吹牛缕贡,可吹牛的內(nèi)容都是我干的翁授。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼晾咪,長吁一口氣:“原來是場噩夢啊……” “哼收擦!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起谍倦,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤塞赂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后昼蛀,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體宴猾,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年叼旋,在試婚紗的時候發(fā)現(xiàn)自己被綠了仇哆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡夫植,死狀恐怖讹剔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情详民,我是刑警寧澤延欠,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站沈跨,受9級特大地震影響由捎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜饿凛,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一狞玛、第九天 我趴在偏房一處隱蔽的房頂上張望邻奠。 院中可真熱鬧,春花似錦为居、人聲如沸碌宴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贰镣。三九已至,卻和暖如春膳凝,著一層夾襖步出監(jiān)牢的瞬間碑隆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工蹬音, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留上煤,地道東北人。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓著淆,卻偏偏與公主長得像劫狠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子永部,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容