一些元素位置设置的通用JS方法详解编程语言

/** 
 * 查找元素的左端位置, 
 * 代码依赖:getStyle来自 https://gist.github.com/hehongwei44/9abf63536accd0f2eeb7 
 * */ 
 
function posX(elem) { 
    return parseInt(getStyle(elem, "left")); 
} 
/** 
 * 查找元素的顶端位置 
 * */ 
 
function posY(elem) { 
    return parseInt(getStyle(elem, "top")); 
} 
 
/*设置元素x和y位置(与当前位置无关)的一对函数*/ 
/** 
 * 设置元素水平的函数 
 * */ 
function setX(elem, pos) { 
    elem.style.left = pos + "px"; 
} 
 
/** 
 * 设置元素垂直位置的函数 
 * */ 
function setY(elem, pos) { 
    elem.style.top = pos + "px"; 
} 
 
/** 
 * 在元素的水平位置上增加像素距离的函数 
 * */ 
function addX(elem, pos) { 
    setX(posX(elem) + pos); 
} 
/** 
 * 在元素的垂直位置上增加像素距离的函数 
 * */ 
function addY(elem, pos) { 
    setY(posY(elem) + pos); 
}

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/10038.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论