因为使用此代码后图片有蓝色边框，并且不是弹出新网页解析打开一个新网页lta href=quot#quot onclick=quotwindowopen#39资源地址#39，#39#39，#39WIDTH=430，height=380 TOP=0 left=350#39quotltIMG border=0 SRC=quot图形文件地址quotlt。

网页链接 我给你一个地址，菜鸟教程Javascript这儿有图片弹窗的实例。

这个可以使用js来帮助完成，给三个不同的按钮都绑定点击事件，对应另外三个div，每个div里面使用img标签引入一张图片或者做成div的背景也行，三个div的外层再套一个div，用来做遮罩层，开始的时候所有div都隐藏，当点击。

此时，你可以点击选择超链接按钮，点击对应的图斑，就会在网页中弹出对应的图片利用“HTML弹出窗口的超链接”，接着右键图层属性，选择“HTML弹出窗口”面板如下图所示便可利用HTML弹出按钮 ，点击相应图斑，就可以弹出。

lt a 重点在target=quot_blank已新窗口的方式打开 #号改成你要连接的地址就行 在链接中增加target属性并将值设成_blank，这样就可以在新的窗口打开页面了，没有这个属性则在原窗口打开代码如下。

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

1最基本的弹出窗口代码 lt SCRIPT LANGUAGE=quotjavascriptquot lt ！ windowopen quotpagehtmlquot lt SCRIPT windowopen quotpagehtmlquot 用于控制弹出新的窗口pagehtml，如果pagehtml不与主窗口在同一路径下。

1打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的标签中，弯历输入js代码3浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来。

lt SCRIPT LANGUAGE=quotjavascriptquot js脚本开始windowopen 弹出新窗口的命令quotpagehtmlquot 弹出窗口的文件名quotnewwindowquot 弹出窗口的名字不是文件名，非必须，可用空quot代替3用函数控制弹出窗口 lt script LANGUAGE。

1首先在电脑上启动DW网页编辑器，新建一个html网页2然后在body中插入一个divltdivltdiv，并在head中引入CSSltstyle type=quottextcssquotltstyle3然后给DIV定义一个CSS，设置宽高属性等，并写一段。

原理hover触发CSS临近选择器 所需工具DW用来给图片画热区，PS算出弹出层的top和left偏移值我在Demo里画了三个热区位置如下图，你用鼠标悬停到上面即可看到效果源码lt！DOCTYPE htmllthtml lang=quotenquot。

最后你要在弹出的窗口中显示图片，那你就新建个pagehtml页面，因为你窗口弹出的是这个页面然后在此页面中写入代码ltbodyltformltimg src=quot你的图片路径quotltformltbody pagehtml最好和主页面放在同一目录下。

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片先去官网下载layer包，你的网页引用layer的js文件地址网页链接 点击相册层 然后js代码调用示例 layerreadyfunction 为了加载。

pic=windowopenosrc，quotdemoquotsetTimeout#39quotsaveasquot#39，0 ltscript ltiframe name=demo style=quotdisplayquotltiframe ltimg src=quot图片quot style=quotcursorpointerquot alt=quot点击。

实现原理displayblock 把代码直接复制看效果 lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

HTML网页插入图片感兴趣的小伙伴们快来了解一下吧插入图片 将光标定位在HTML文档中要插入图像的位置点击ldquo插入rdquo菜单，选择ldquo图像rdquo项，或者单击ldquo插入rdquo面板上ldquo常用rdquo项。