js放大圖片代碼(js點(diǎn)擊圖片放大預(yù)覽)
通過(guò)JS代碼 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函數(shù)可以實(shí)現(xiàn)1遮罩層 ,即作為背景層,覆蓋整個(gè)頁(yè)面彈出層,即背景層上的一層,此層可根據(jù)#formtop 10% left 10%width 20%height 30%,調(diào)整彈出層的彈出位置。
用js腳本實(shí)現(xiàn)吧,可以在頁(yè)面上添加一個(gè)div層,設(shè)置圖片的onmouseover事件及onmouseout事件,通過(guò)腳本控制顯示層,層的內(nèi)容為放大后的圖片參考腳本var ua = navigatoruserAgentvar ps = navigatorproductSub var dom = documentgetElementById? 10var ie4 = documentall!dom? 10var ie5 = document。
function toBig quot#圖片所在元素的idquotcss“height”,“放大多少px”quot#圖片所在元素的idquotcss“width”,“放大多少px”。
定義了height=quot200pxquot width=quot150quot 圖片大小,鼠標(biāo)移上去大小變?yōu)?00,400px,鼠標(biāo)移開(kāi)變成200,150大小。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。