放大鏡效果:
通過jquery外掛程式形式來實現放大鏡效果,當滑鼠移動到small物件上方時,就會在large物件中顯示大圖的對應位置
具體寫法如下:
$(function(),function())執行出來的結果是,將滑鼠放在上時,會顯示被放大的圖。$(".small_box
").mousemove(function(e)
if(top<0
)if(left>200
)if(top>200)$(
this).find("
.float_layer
").css()$("
.big_box img
").css()
})})
內容展開與收起:
當點選更多時,內容展開;當點選收起時,內容隱藏。
具體如下:
方式一:
方式二:
輪播效果:
1.自動輪播;
4.滑鼠放上去,停止輪播,滑鼠移開後繼續輪播;
$(function()function next()
else
move();
}setinterval(() =>,
3000
);
/*滑鼠移入輪播停止 滑鼠移出繼續輪播
*/$(
".banner-box
").hover(function(),function () ,
3000
); })
$(".points-list>li
").click(function())
$(".buts>.next
").click(function())
$(".buts>.prev
").click(function()
else
move();
})})$(function())
})
jquery關於頁面
1 獲取和設定元素的尺寸 width height 獲取元素width和height innerwidth innerheight 包括padding的width和height outerwidth outerheight 包括padding和border的width和height outerwid...
jquery 操作select專案
每一次操作select的時候,總是要出來翻一下資料,不如自己總結一下,以後就翻這裡了。比如 1 設定value為pxx的項選中 selector val pxx 2 設定text為pxx的項選中 selector find option text pxx attr selected true 這裡有...
B S專案 jQuery簡介
jquery語法 jquery的基礎語法是以 selector action 為模板,選取html元素並對其進行某些操作。用來定義jquery,後跟selector選擇器來查詢html元素,action 來執行操作,通常在使用jquery函式時,都會將其放到document ready函式中,以防止...