动态设置热区coords的坐标
2024-08-30 16:35:15
window.onresize = adjuest;
function adjuest(){
var picw = $(".imgbox img").width();
var pich = $(".imgbox img").height();
var x1 = parseInt(picw*0.28755);
var y1 = parseInt(pich*0.511167);
var x2 = parseInt(picw*0.39931);
var y2 = parseInt(pich*0.5783333); var andx1 = parseInt(picw*0.28755);
var andy1 = parseInt(pich*0.62);
var andx2 = parseInt(picw*0.39931);
var andy2 = parseInt(pich*0.671667);
$("#ios").attr("coords",'"'+x1+','+y1+','+x2+','+y2+'"')
$("#android").attr("coords",'"'+andx1+','+andy1+','+andx2+','+andy2+'"')
}
adjuest(); 事先算出热区的位置如
<area shape="rect" coords="338,308,609,589" href="/" class="box" target="_blank" >
比例参数 = 338/图片在当前电脑的真实宽度 再用window.onresize监听图片,这样在图片大小变化的时候,热区依然在相应的位置
最新文章
- 【AR实验室】ARToolKit之Example篇
- mysql数据库主从及主主复制配置演示
- phpcms开发过程中遇到的问题总结
- shell 监控局域网的主机是否up
- 命令行子shell 括号 ()
- 编写一个Java项目,定义包,在包下定义包含main方法的类,在main方法中声明8种基本数据类型的变量并赋值,练习数据类型转换。
- sqlserver 存储过程 以及统计整个数据库数据
- MVC中Model用法
- webpack echarts配置实例
- MFC 创建选项卡
- CFLAGS/CPPFLAGS/CXXFLAGS in Makefile介绍
- POJ 1322 Chocolate
- fidder 调试本地文件
- .Net Framework下对Dapper二次封装迁移到.Net Core2.0遇到的问题以及对Dapper的封装介绍
- Android Multimedia框架总结(二十一)MediaCodec中创建到start过程(到jni部分)
- 【安卓开发】Layout Inflation不能这么用
- iOS----------时间戳与NSDate
- 数据结构——Java实现单链表
- Vs2017 无法调试APP
- Elastic Stack之ElasticSearch分布式集群yum方式搭建