/***************************************/
>如何让元素相对于X轴和Y轴定位,以及下拉div元素demo
/***************************************/
var slideHeight;
var sliding;
window.onload = function() {
var slide = document.getElementById("slider");
slideHeight = slide.style.height;
var ct = 5;
//p.currentStyle.xxx IE浏览器
//window.getComputedStyle(ele, null) 其他浏览器
window.sld = function() {
sliding = window.setInterval(function() {
slide.style.display = "block";
ct+=5;
slide.style.height=ct;
if(slide.style.height==slideHeight){
window.clearInterval(sliding);
}
}, 1);
};
document.getElementById("slide").οnclick=function(eve){
slide.style.height = "0px";
window.sld();
};
//offsetHeight/Width 返回元素高度或宽度不带px
//offsetLeft/Top 返回元素相对于容器的x/y轴坐标
//padding元素内内容补白 容器相当于容器中的内容(元素)来说的
//margin元素之间补白
/**
*得到元素在body中X轴位置
*/
window.getX=func
javascriptBom中元素的绝对定位以及相对于body的x轴位置和y轴位置定位
本文介绍了如何使用JavaScript在BOM中实现元素的绝对定位,特别是针对X轴和Y轴的定位。同时,通过示例展示了如何创建下拉div效果,并提供了获取元素相对于body的X轴和Y轴位置的函数。内容涵盖window.onload事件、setInterval、clearInterval以及offset属性的使用。
摘要由CSDN通过智能技术生成