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

jquery設計 變換的圖片大小

吳麗珍1年前6瀏覽0評論

在網站開發中,經常需要對圖片進行變換處理。其中,jquery庫提供了豐富的方法和函數來實現對圖片大小的變換,可以輕松地實現圖片大小的改變。

//改變圖片大小
$("img").click(function(){
$(this).width(500);//設置圖片寬度為500像素
$(this).height(300);//設置圖片高度為300像素
});

上述代碼中,通過選擇器獲取到所有的img標簽,當用戶點擊圖片時,使用width()和height()方法來分別設置圖片的寬度和高度。這樣,就能夠快速實現對圖片的大小變換。

除了改變圖片的寬度和高度外,還可以通過修改圖片的原始尺寸來實現對圖片的變換。

//變換圖片大小
$("img").click(function(){
var width = $(this).width();
var height = $(this).height();
$(this).attr("width", height);//將寬度改為原來的高度
$(this).attr("height", width);//將高度改為原來的寬度
});

上述代碼中,通過獲取圖片的寬度和高度,然后修改寬度和高度的屬性值,來實現對圖片大小的變換。

總之,jquery庫提供了豐富的方法和函數,使得對圖片大小的變換變得簡單易行。開發者只需要通過合適的函數和參數,就能夠快速實現對圖片大小的變換需求。