2 qq 23220205 qq_23220205 于 2017.01.02 22:42 提问

点击填写的表单项触发图片的定位相关的那一栏,项目中遇到的前端的问题。

在做一个项目是有关前端的,一边是申请贷款需要填写的表单,一边是一张图片,如何做到点击某个表单项的时候,他能定位图片上的跟你点击要填写的表单项相关的那一栏,把他圈出来并且有个放大的效果。这个有点类似看着图片帮助填写表单信息。这个体验是比较好的。

2个回答

caozhy
caozhy   Ds   Rxr 2017.01.02 23:09
已采纳

图片热区可以实现
参考
http://www.cnblogs.com/mq0036/p/3337327.html
http://www.cnblogs.com/azq6252930/p/5731191.html
指向一个js,然后显示你的放大

showbo
showbo   Ds   Rxr 2017.01.03 10:39

用锚点。。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">&nbsp;input1的提示内容</a>
<a href="#" name="input2" style="position:absolute;right:50%;top:1300px">&nbsp;input2的提示内容</a>
<div style="height:2000px"></div>
caozhy
caozhy lz你应该采纳bobo的答案,他回答的更好!
11 个月之前 回复
caozhy
caozhy 学习,还是bobo的回答正确!
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!