在做一个项目是有关前端的,一边是申请贷款需要填写的表单,一边是一张图片,如何做到点击某个表单项的时候,他能定位图片上的跟你点击要填写的表单项相关的那一栏,把他圈出来并且有个放大的效果。这个有点类似看着图片帮助填写表单信息。这个体验是比较好的。
图片热区可以实现
参考
http://www.cnblogs.com/mq0036/p/3337327.html
http://www.cnblogs.com/azq6252930/p/5731191.html
指向一个js,然后显示你的放大
用锚点。。http://www.cnblogs.com/heiniuhaha/archive/2011/11/23/2260201.html
至于放大圈出来,自己写个样式就行了,用border,同时设置width/height加大图片
输入1:<input type="text" onclick="location.hash='#input1'" />
输入2:<input type="text" onclick="location.hash = '#input2'" />
<a href="#" name="input1" style="position:absolute;right:50%;top:1200px"> input1的提示内容</a>
<a href="#" name="input2" style="position:absolute;right:50%;top:1300px"> input2的提示内容</a>
<div style="height:2000px"></div>