我能想到的就是點(diǎn)擊的時(shí)候臨時(shí)存儲(chǔ)一個(gè)src，在新頁面讀取一下，點(diǎn)按鈕會(huì)跳轉(zhuǎn)到新頁面并創(chuàng)建一個(gè)img，src為sessionStorage里的；1點(diǎn)擊按鈕鏈接觸發(fā)彈出層，彈出層應(yīng)該有半透明的遮罩層2點(diǎn)擊彈出層的關(guān)閉按鈕取消按鈕或者遮罩層會(huì)關(guān)閉隱藏彈出層3使用Esc鍵也可以關(guān)閉彈出層4它是響應(yīng)式的，并且兼容現(xiàn)代主流瀏覽器HTML 1首先我們?cè)凇?/p>

1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltbutton標(biāo)簽中，加入樣式代碼style=quotbackground urlsmall2pngwidth150pxheight60pxquot3瀏覽器運(yùn)行index；1首先，打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎(chǔ)代碼2在indexhtml中的ltbody標(biāo)簽中，輸入js代碼function fun alert#39click success！#39 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)點(diǎn)擊按鈕。

這個(gè)樣式挺漂亮的，你可以試下lt！DOCTYPE html lthtml lthead ltmeta；我給你一個(gè)地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例。

1打開web項(xiàng)目開發(fā)環(huán)境 打開或者新建一個(gè)web項(xiàng)目2這是被引入的B頁面的html，定義一個(gè)tabl，HTML頁面代碼3這是被引入的B頁面的css樣式表4這是將要引入table元素的html頁面代碼即A頁面，相對(duì)于父界面，這里使用；50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot點(diǎn)擊quot id=quotbtnquot以上是一個(gè)簡(jiǎn)單的點(diǎn)擊按鈕彈出一個(gè)居中的DIV，點(diǎn)擊DIV則讓這個(gè)DIV隱藏。

二設(shè)計(jì)一個(gè)HTML頁面，包括一個(gè)簡(jiǎn)單的彈出窗，和一個(gè)顯示按鈕其中，調(diào)用了jquery的以上兩個(gè)函數(shù)具體代碼如下三設(shè)計(jì)遮罩層的樣式，如下四彈出窗口的css樣式，代碼如下五初始頁面如下六點(diǎn)擊按鈕，查看彈出。

html點(diǎn)擊按鈕彈出div

1、實(shí)現(xiàn)原理displayblock 把代碼直接復(fù)制看效果 lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

2、這個(gè)屬于顯示隱藏層 默認(rèn)層是隱藏的，并用絕對(duì)定位 點(diǎn)擊按鈕，顯示該層。

3、首先你在css里面設(shè)置product為，就是添加display，然后在JavaScript里面動(dòng)態(tài)設(shè)置屬性display為block就是你要的效果了。

4、ltinput type=quotbuttonquot value=“按鈕” onClick=quotjavascriptaquot。

html點(diǎn)擊按鈕彈出圖片怎么做

你這個(gè)是網(wǎng)頁動(dòng)態(tài)交互效果，只能用JavaScript去實(shí)現(xiàn)類似于于彈窗純html沒有辦法實(shí)現(xiàn)。

這個(gè)的話，就看你怎么弄了，寫死的話，就定義圖片 改變 class=“taindian1”的innerHTML 就可以，也可以做成活的，就ajax請(qǐng)求后臺(tái)數(shù)據(jù)，改變圖片的鏈接 或者是 你寫幾個(gè)div，然后顯示當(dāng)前的，別的隱藏 切換的時(shí)候，改變。