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

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

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

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

50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot點擊quot id=quotbtnquot以上是一個簡單的點擊按鈕彈出一個居中的DIV，點擊DIV則讓這個DIV隱藏。