这个超级简单 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，通过接口获取商品的详细信息，然后在弹窗中动态渲染出来吗比如这样；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是网页中所有图片的系号，如有10张图，这个数值从0到9代表了每一张图可以用for循环一个个判断src属性；网页链接 我给你一个地址，菜鸟教程Javascript这儿有图片弹窗的实例。

1首先在电脑上启动DW网页编辑器，新建一个html网页2然后在body中插入一个divltdivltdiv，并在head中引入CSSltstyle type=quottextcssquotltstyle3然后给DIV定义一个CSS，设置宽高属性等，并写一段；你好，是因为type=quotimage“了，这个作用和type=quotsubmitquot的效果是一样的，都会提交这个表单，所以就会造成跳转网页；三简单的一个HTML页面测试代码四此时的页面展示效果如下，点击这两张图片即可转到需要定向的网站以百度为例。

在链接中增加target属性并将值设成_blank，这样就可以在新的窗口打开页面了，没有这个属性则在原窗口打开代码如下；你这个是网页动态交互效果，只能用JavaScript去实现类似于于弹窗纯html没有办法实现；页面的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选中其中一个热点，在下方的属性窗口中的链接栏填上你的链接，热点链接就创建完成了。

50% margin50px 0 0 50pxltstyle下面是body里的部分ltdiv id=quotdivquotltdivltinput type=quotbuttonquot value=quot点击quot id=quotbtnquot以上是一个简单的点击按钮弹出一个居中的DIV，点击DIV则让这个DIV隐藏。