jquery基礎(chǔ)入門ppt課件-wenkub.com
2025-05-02 13:35 本頁面
【正文】 3. 制作圖片輪顯效果 ? div class=imgsBox ? div class=imgs ? a href=img id=pic src=images/ width=282 height=164 //a ? /div ? div class=clickButton ? div ? a class=active href=1/a ? a class= href=2/aa class= href=3/aa class= href=4/a ? a class= href=5/a ? /div ? /div ? /div jQuery的插件應(yīng)用舉例 ?1. 使用 jQuery插件 Lightbox制作 Lightbox效果 2. 使用 jQuery插件 jqzoom實(shí)現(xiàn)圖片放大鏡效果 ?在一些電子商務(wù)的商品展示網(wǎng)頁上，為了更好的展示商品，一般都會(huì)添加放大鏡的效果。 })。 /script 2. 制作漸變背景色的下拉菜單 $(document).ready(function(){ $(navli).hover(function(){ $(this).children(ul).fadeIn(600)。 //隱蔽所有元素 })。 ?3. toggleclass方法 ?toggleclass方法用于切換元素的樣式。利用 jQuery選擇器，能快速地找出特定的 html元素，然后輕松的給元素添加一系列行為動(dòng)作。 3. appendTo ()表示將新元素插入到原有元素里(body)。 ?所以 $(document). ready()比 更快 $(document). ready()比 ?$(document). ready()的優(yōu)勢(shì) ?在 DOM文檔載入后就執(zhí)行，載入速度更快； ?如果找不到 DOM中的元素，能夠自動(dòng)容錯(cuò)； ?在頁面中多個(gè)地方使用 ready()方法不會(huì)發(fā)生沖突 jQuery中的“ $”及其作用 ?4. 創(chuàng)建 DOM元素 ?使用“
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1