jquery基礎(chǔ)入門ppt課件(已修改)
2025-05-17 13:35 本頁面
【正文】 jQuery 基礎(chǔ)教程 唐四薪 《 基于 Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)與制作 》 配套課件 清華大學(xué)出版社 使用 jQuery創(chuàng)建動(dòng)畫效果 jQuery 中的動(dòng)畫 : 隱藏和顯示 ?hide(): 在 HTML 文檔中 , 為一個(gè)元素調(diào)用 hide() 方法會(huì)將該元素的 display 樣式改為 none. 代碼功能同 css(“display”, “none”)。 ?show(): 將元素的 display 樣式改為先前的顯示狀態(tài) . ?以上兩個(gè)方法在不帶任何參數(shù)的情況下 , 作用是 立即 隱藏或顯示匹配的元素 , 不會(huì)有任何動(dòng)畫 . 可以通過制定速度參數(shù)使元素動(dòng)起來 . ?以上兩個(gè)方法會(huì)同時(shí)減少 (增大 )內(nèi)容的高度 , 寬度和不透明度 . jQuery 中的動(dòng)畫 (2) ?fadeIn(), fadeOut(): 只改變元素的透明度 . fadeOut() 會(huì)在指定的一段時(shí)間內(nèi)降低元素的不透明度 , 直到元素完全消失 . fadeIn() 則相反 . ?slideDown(), slideUp(): 只會(huì)改變元素的高度 . 如果一個(gè)元素的 display 屬性為 none, 當(dāng)調(diào)用 slideDown() 方法時(shí) , 這個(gè)元素將由上至下延伸顯示 . slideUp() 方法正好相反 , 元素由下至上縮短隱藏 . jQuery 中的動(dòng)畫 (3) ?toggle(): 切換元素的可見狀態(tài) : 如果元素時(shí)可見的 , 則切換為隱藏 。 如果元素時(shí)隱藏的 , 則切換為可見的 . ?slideToggle(): 通過高度變化來切換匹配元素的可見性 . ?fadeTo(): 把不透明度以漸近的方式調(diào)整到指定的值 (0 – 1 之間 ). 練習(xí) 3: 品牌列表 注意 : 兩個(gè)過濾函數(shù) is 和 filter 的使用 練習(xí) 4: 超鏈接和圖片提示效果 練習(xí) 5: 單行文本框的用戶體驗(yàn) 練習(xí) 6: 多選框應(yīng)用 練習(xí) 7: 下拉框應(yīng)用 ?JQuery 可以通過 $.get() 或 $.post() 方法來加載 xml.
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1