這個(gè)超級(jí)簡(jiǎn)單 ltscript type=quottextjavascriptquot function a alertquotwelcome to topjobjquot ltscript ltinput type=quotbuttonquot value=“按鈕” onClick=quotjavascriptaquot；給圖片添加熱點(diǎn)即可，用HTML代碼就下面這樣寫lta href=要轉(zhuǎn)到的新頁面地址ltimg src=圖片lta 也可以利用JAVASCRIPT，這樣寫ltimg src=圖片 onclick=quotlocationhref=#39要轉(zhuǎn)到的新頁面地址#39quot；不應(yīng)該通過商品ID，通過接口獲取商品的詳細(xì)信息，然后在彈窗中動(dòng)態(tài)渲染出來嗎比如這樣；html的隱藏和顯示知道嗎，這個(gè)就是利用這個(gè)原理，點(diǎn)擊后展示，將加好的圖片更換為減號(hào)，點(diǎn)擊一下減號(hào)再將圖片替換，將html隱藏；ltimg src=quot圖片鏈接quot onclick=quotopenDialogAquot ltscript function openDialogA windowopen quottesthtmquot，#39#39，#39resizable=yes，width=100，height=100，scrollbars=yes，status=yes，screenX=100，screenY=100， top=10；可以把圖片放在div里面，設(shè)置好位置，并且隱藏，然后利用js，當(dāng)點(diǎn)擊文字的時(shí)候，顯示這個(gè)div，這張圖片就出來了；那以點(diǎn)擊代碼可以如下ltscript documentgetElementsByTagNamequotimgquot0clickltsript 注意，這里0是網(wǎng)頁中所有圖片的系號(hào)，如有10張圖，這個(gè)數(shù)值從0到9代表了每一張圖可以用for循環(huán)一個(gè)個(gè)判斷src屬性；網(wǎng)頁鏈接 我給你一個(gè)地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例。

1首先在電腦上啟動(dòng)DW網(wǎng)頁編輯器，新建一個(gè)html網(wǎng)頁2然后在body中插入一個(gè)divltdivltdiv，并在head中引入CSSltstyle type=quottextcssquotltstyle3然后給DIV定義一個(gè)CSS，設(shè)置寬高屬性等，并寫一段；你好，是因?yàn)閠ype=quotimage“了，這個(gè)作用和type=quotsubmitquot的效果是一樣的，都會(huì)提交這個(gè)表單，所以就會(huì)造成跳轉(zhuǎn)網(wǎng)頁；三簡(jiǎn)單的一個(gè)HTML頁面測(cè)試代碼四此時(shí)的頁面展示效果如下，點(diǎn)擊這兩張圖片即可轉(zhuǎn)到需要定向的網(wǎng)站以百度為例。

在鏈接中增加target屬性并將值設(shè)成_blank，這樣就可以在新的窗口打開頁面了，沒有這個(gè)屬性則在原窗口打開代碼如下；你這個(gè)是網(wǎng)頁動(dòng)態(tài)交互效果，只能用JavaScript去實(shí)現(xiàn)類似于于彈窗純html沒有辦法實(shí)現(xiàn)；頁面的htmlltinput class=quotuibutton quot value=quot修改quot dataurl=quotAccountMyHtmlquot type=quotbuttonquot id=quotcanclequot jQuery代碼quotltaquotattrquothrefquot， $thisdataquoturlquothideappendToquotbodyquot0。

這個(gè)可以使用js來幫助完成，給三個(gè)不同的按鈕都綁定點(diǎn)擊事件，對(duì)應(yīng)另外三個(gè)div，每個(gè)div里面使用img標(biāo)簽引入一張圖片或者做成div的背景也行，三個(gè)div的外層再套一個(gè)div，用來做遮罩層，開始的時(shí)候所有div都隱藏，當(dāng)點(diǎn)擊；1打開Dreamwever，新建一個(gè)頁面，插入一張圖片，2使用左下角的熱點(diǎn)工具3點(diǎn)擊“矩形”或其他熱點(diǎn)工具，再在圖片上拖動(dòng)位置 4選中其中一個(gè)熱點(diǎn)，在下方的屬性窗口中的鏈接欄填上你的鏈接，熱點(diǎn)鏈接就創(chuàng)建完成了。

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隱藏。