1、富文本编辑器中需支持图片点击放大功能，也可用这种方式实现 原效果点击放大后的效果；二定义和用法lta 标签定义超链接，用于从一张页面链接到另一张页面lta 元素最重要的属性是 href 属性，它指示链接的目标三简单的一个HTML页面测试代码四此时的页面展示效果如下，点击这两张图片即可转到；本身就能实现的，style=quotcursorpointerquot这就是实现你的需求只是需要点击图片弹出ok的话做以下调整onclick=quotjavascriptalert#39ok#39quot需要加上javascriptltdiv class=quothexagon_fatherquot ltdiv class=quothexagon_childquot；1首先在电脑上启动DW网页编辑器，新建一个html网页2然后在body中插入一个divltdivltdiv，并在head中引入CSSltstyle type=quottextcssquotltstyle3然后给DIV定义一个CSS，设置宽高属性等，并写一段；很简单的，用一个a链接包裹input type=quotfilequot，然后把input的透明度设置为0，然后为a链接设置一个背景图片，就可以实现你想要的效果了。

2、如果是普通页面，建议使用热区+javascript方式实现，下面四个按钮做成四张图定位到对应位置，同时做对应另外四张图作为hover效果图，按钮之上覆盖一层透明gif，然后在gif上定义链接热区，因为热区可随意定义形状，所以可实现途中的。

3、3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示了大图；分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style；这个可以使用js来帮助完成，给三个不同的按钮都绑定点击事件，对应另外三个div，每个div里面使用img标签引入一张图片或者做成div的背景也行，三个div的外层再套一个div，用来做遮罩层，开始的时候所有div都隐藏，当点击；1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取im；html的隐藏和显示知道吗，这个就是利用这个原理，点击后展示，将加好的图片更换为减号，点击一下减号再将图片替换，将html隐藏。

4、你可以定义一个变量，然后把图片的ID赋值给这个变量，然后用javascript实现连接就可以啦；网页链接 我给你一个地址，菜鸟教程Javascript这儿有图片弹窗的实例；355quot href=quot#quot ltmap网页热点使用方法个人推荐Dreamwever可视化操作来创建网页热点1打开Dreamwever，新建一个页面，插入一张图片，2使用左下角的热点工具3点击“矩形”或其他热点工具，再在图片上拖动位置；img width300px height300pximghover width350px height350px这样可以实现简单的动一下，更麻烦的需要JS了，比如让图片的TOP变一下之类的；这种效果很简单的，得用js或jquery实现，纯html+css不容易实现，即便你用html5实现，一般到实战情况下也是用不到的，没个卵用，以下是jquery实现 ltstyle type=quottextcssquot dianjiwidth300pxheight300pxborder；鼠标移动到图片上，显示文字，简单的方法是利用“title”例如ltimg src=quotindex4pngquot alt=quotHTML5在线制作quot title=quotHTML5在线制作quot 鼠标移动到4png图片上时候，显示出“HTML5在线制作”；2在indexhtml中的ltscript标签，输入js代码function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3浏览器运行indexhtml页面，此时点击图片会换一张图片。