鼠標(biāo)放上去圖片放大代碼(鼠標(biāo)放在圖片上圖片自動縮小)
鼠標(biāo)放到圖片上慢慢變大,移開后圖片又慢慢變小 var i=0 變大 function max MImg=+=i++ =MImg*aaa ifilt20setTimeout#39max#39,100 變小。
=400quotonmouseout=quot=200=150quot 定義了height=quot200pxquot width=quot150quot 圖片大小,鼠標(biāo)移上去大小變?yōu)?00,400px,鼠標(biāo)移開變成200,150大小。
#8194Game Informationimghover transform scale3, 3。
分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function,分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下 var img = documentgetElementById#39img#39function bigger = #39。
一通過css樣式中的 quothoverquot實(shí)現(xiàn),代碼如下 lt!DOCTYPE htmlDocumentdivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500px變大二通過javascript方式實(shí)現(xiàn),代碼如下 lt!D。
1利用css制作 a img width100px height100px 這里的值可以自己設(shè)定 ahover img width120px height120px 這里就是a的hover時img大小 將hover加在a上而不是img,是因?yàn)椤?/p>
backgroundsize200px 100px 寬高自己定 如果讓圖片成比例放大,可以使用百分比,如 backgroundsize110%。
TP2Cls #39清除TP2中的圖片 For X = 0 To TP1Width For Y = 0 To TP1Height X1 = X TP1Width \ 2 Y1 = Y TP1Height \ 2 #39將坐標(biāo)軸原點(diǎn)移動到TP1的中心后原來坐標(biāo)為x,y的點(diǎn)的新坐標(biāo)。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。