javasctipt实用代码范例

最新推荐文章于 2022-04-10 11:15:39 发布

最新推荐文章于 2022-04-10 11:15:39 发布 · 194 阅读

原创专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何通过JavaScript实现网页元素的滚动跟随效果及获取元素的绝对位置，并提供了一个自定义加载事件的方法。这些技术对于增强网页交互性和用户体验非常有用。

1.右侧对联广告，随滚动条居顶一定距离;

window.onscroll = function (){
	var oWatermark = document.getElementById("divWatermark");
	oWatermark.style.top = document.documentElement.scrollTop+100+"px";
	//oWatermark.style.top = document.body.scrollTop+100+"px";
}

<div id="divWatermark" style="position:absolute; top:100px; right:0px; color:#ccc; widows:150px; height:150px; background-color:navy;">Watermark</div>

2.自定义addLoadEvent函数;

function addLoadEvent(func){
 var oldonload = window.onload;
 if(typeof window.onload != 'function'){
  window.onload = func;
 }else{
  window.onload = function(){
   oldonload();
   func();
  }
 }
}

调用方法：

addLoadEvent(函数名称);

3.取得控件的绝对位置

function getIE(e){   
var t=e.offsetTop;   
var l=e.offsetLeft;   
while(e=e.offsetParent){   
t+=e.offsetTop;   
l+=e.offsetLeft;   
}   
alert("top="+t+"/nleft="+l);