html img热区坐标根据屏幕大小自适应
2015-06-18 15:41
330 查看
//根据分辨率自适应热区坐标
function changeCoords(){
var width = document.body.offsetWidth;
var height = document.body.offsetHeith;
if (1920 == width) return;
var percent = width/1920;
$(".act").each(function(){
var coords = $(this).attr("coords");
var arr = coords.split(",");
for(var i=0;i<arr.length;i++){
arr[i] *= percent;
}
var str = arr.join(",");
$(this).attr("coords",str);
});
}
function changeCoords(){
var width = document.body.offsetWidth;
var height = document.body.offsetHeith;
if (1920 == width) return;
var percent = width/1920;
$(".act").each(function(){
var coords = $(this).attr("coords");
var arr = coords.split(",");
for(var i=0;i<arr.length;i++){
arr[i] *= percent;
}
var str = arr.join(",");
$(this).attr("coords",str);
});
}
相关文章推荐
- HTML 5 <input> placeholder 属性
- html的编辑器 sublimetext2的使用及插件安装
- html中自动隐藏字,变成省略号
- insertAdjacentHTML/insertAdjacentElement/insertAdjacentText
- HTML转义字符对照表
- html 超链接(a)取消
- 将本地html文件拖到IE8浏览器无法打开,直接弹出一个下载的对话框
- Dreamweaver - <!DOCTYPE html>
- 使用 <!DOCTYPE html> 让 <div><img></div>中的图片下面产生几个像素的空白间隔
- HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?
- 【转】LR录制脚本用HTML- based scrīpt还是URL-based scrīpt
- html常用标签 第二节
- html结构,第一节
- HTML字符实体引用
- html表格cell合并插件
- html中meta标签详解
- 多选解决方案
- 圆形切换按钮
- 让IE依据HTML头标签选择显示模式
- 【搜索引擎Jediael开发笔记3】使用HtmlParser提取网页中的链接