扫码关注官方订阅号
希望点击图片的中心点和中心点周围实现不同的点击效果。
补充:除了map方法,你还可以在你的图片上飘一个 p或者其它标签再在这个标签上用点击事件....
p
这个用<map>不是很好解决么,为啥一定要用 JS:http://www.w3school.com.cn/tiy/t.asp?f=html_areamap
<map>
图片热点
http://www.cnblogs.com/wangyuelang0526/archive/2012/05/16/2503732.html
中心和中心点。。。这。。 一个图片只能是一个响应域吧,我觉得只能切图切成几块然后每块作不同响应了
例如http://www.we7.cc/里面左边那个浮窗,就是将一个图片切成不同块状,放在同一个p,然后给每个块加不同href实现的:
试试用 px 获取点击点的距离
如果图片大小会根据页面变化,那么上述方法都是没用的.但是你可以用这个插件试试,https://github.com/stowball/j...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
补充:除了map方法,你还可以在你的图片上飘一个
p
或者其它标签再在这个标签上用点击事件....这个用
<map>
不是很好解决么,为啥一定要用 JS:http://www.w3school.com.cn/tiy/t.asp?f=html_areamap图片热点
http://www.cnblogs.com/wangyuelang0526/archive/2012/05/16/2503732.html
中心和中心点。。。这。。
一个图片只能是一个响应域吧,我觉得只能切图切成几块然后每块作不同响应了
例如http://www.we7.cc/里面左边那个浮窗,就是将一个图片切成不同块状,放在同一个p,然后给每个块加不同href实现的:

试试用 px 获取点击点的距离
如果图片大小会根据页面变化,那么上述方法都是没用的.但是你可以用这个插件试试,https://github.com/stowball/j...