建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
html如何點(diǎn)擊圖片看大圖
要實(shí)現(xiàn)點(diǎn)擊圖片查看大圖，可以使用HTML和JavaScript編寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，以下是詳細(xì)的步驟：
創(chuàng)新互聯(lián)2013年至今，先為尖山等服務(wù)建站，尖山等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為尖山企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
1、創(chuàng)建一個(gè)HTML文件，添加一個(gè)src屬性為圖片的縮略圖地址，alt屬性為圖片的描述，id屬性為"thumbnail"。
點(diǎn)擊圖片查看大圖
2、創(chuàng)建一個(gè)JavaScript文件（script.js），編寫(xiě)以下代碼：
document.getElementById('thumbnail').onclick = function() {
window.open('large_image.jpg', '_blank');
}
這段代碼表示當(dāng)用戶(hù)點(diǎn)擊id為"thumbnail"的圖片時(shí)，會(huì)打開(kāi)一個(gè)新的窗口，顯示大圖。
3、將HTML文件和JavaScript文件放在同一個(gè)文件夾中，用瀏覽器打開(kāi)HTML文件，即可實(shí)現(xiàn)點(diǎn)擊圖片查看大圖的功能。
標(biāo)題名稱(chēng)：html如何點(diǎn)擊圖片看大圖
網(wǎng)站地址：http://m.fisionsoft.com.cn/article/cdgcood.html
