在jquery中怎樣使圖片變大變小
html+jquery
代碼編纂器：Dreamweaver CS5方式/步調
- 1
新建一個html文件，定名為test.html，用于講解在jquery中如何使圖片變大變小。
- 2
在test.html文件中，利用img標簽建立一張圖片，并設置其class為myimg，本家兒要用于下面經由過程該class獲得圖片對象。
- 3
在test.html文件內，利用button標簽建立兩個按鈕，按鈕名稱為“使圖片變大”和“使圖片變小”。
- 4
在test.html文件中，給button按鈕別離綁心猿意馬onclick點擊事務，當按鈕被點擊時，別離執行up（）函數和down（）函數。
- 5
在js標簽中，利用width()方式和height()方式別離獲得圖片的寬度和高度，將它們別離保留在w變量和h變量中。
- 6
在js標簽中，別離建立up()函數和down()函數，在函數內，別離利用$符號，經由過程類名myimg獲得img圖片對象，然后利用css()方式別離對圖片的width(寬度)和height（高度）進行設置，實現圖片的放大和縮小，代碼如下：
- 7
在瀏覽器打開test.html文件，別離點擊按鈕，查看實現的結果。
- 發表于 2019-12-08 21:04
- 閱讀 ( 601 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章