html圖片按鈕點(diǎn)擊效果(html點(diǎn)擊圖片出現(xiàn)對應(yīng)的文字)
很簡單的，用一個(gè)a鏈接包裹input type=quotfilequot，然后把input的透明度設(shè)置為0，然后為a鏈接設(shè)置一個(gè)背景圖片，就可以實(shí)現(xiàn)你想要的效果了。
這個(gè)可以使用js來幫助完成，給三個(gè)不同的按鈕都綁定點(diǎn)擊事件，對應(yīng)另外三個(gè)div，每個(gè)div里面使用img標(biāo)簽引入一張圖片或者做成div的背景也行，三個(gè)div的外層再套一個(gè)div，用來做遮罩層，開始的時(shí)候所有div都隱藏，當(dāng)點(diǎn)擊。
主要在標(biāo)簽中加入onmouseover，onmonseout事件，附件中是sina微博中實(shí)現(xiàn)的主要代碼與樣式。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明：本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布，如需轉(zhuǎn)載請注明出處。
標(biāo)簽: html圖片按鈕點(diǎn)擊效果
