欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 中間放大

夏志豪2年前8瀏覽0評論

說到前端框架,大家一定不陌生,而jQuery作為非常流行的前端框架之一,其實也有許多有趣的特性,比如中間放大。

//代碼實現
$(document).ready(function(){
$(".box").hover(function(){
$(this).animate({width: "+=50px", height: "+=50px"}, "fast");
}, function(){
$(this).animate({width: "-=50px", height: "-=50px"}, "fast");
});
});

以上代碼實現了當光標懸浮在box元素上時,元素寬和高都會加50px,光標移出時則寬和高都會減去50px。因此,我們可以用這個特性來實現中間放大的效果。思路就是將頁面分為兩塊,中間一部分不變,兩側放大,中間看起來就像放大一樣。

具體實現方式為,將頁面分為左中右三個部分,通過設置左右兩部分的hover事件,使其寬高動態變化,中間部分也動態變化以做到不卡頓、不閃爍的效果。

總之,jQuery的中間放大是一個非常有趣的特性,如果在具體項目中需要實現類似的效果,可以借鑒以上的思路與代碼,創造出更加炫酷的效果。

上一篇jquery 交替
下一篇jquery 亂碼