專案 關於jQuery

2022-09-10 08:36:10 字數 1278 閱讀 1557

放大鏡效果:

通過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函式中,以防止...