当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript针对DOM的应用分析（五）

javascript针对DOM的应用分析（五）

2019年07月19日  | 移动技术网IT编程  | 我要评论
其实这个应该不列入js教程的范畴。应为ff，ie6以上浏览器都支持fixed这个固定属性。唯独ie6不支持。所以我为了可恶的ie6。我这里就出一篇教程吧。而且这种效果也可以锻炼同学们的计算能力。以后很多效果都需要你的计算能力。哈哈
固定居中。或者固定在任何地方思想几乎是一样的。只你要算法清楚了。效果写起来就轻而易举了。先贴代码

[ctrl+a 全选 注:引入外部js需再刷新一下页面才能执行]
这段就是这个作用。if(isie6)就是当isie6这个为真时。也就是当是ie6的浏览器的时候。setinterval(...,1)这个是设置个时钟让在ie6的浏览器下每隔1微秒执行一下语句。也就是不断的在更新t和l的值。然后不断的付给dom元素的top和left属性，1微秒非常快。用户拉滚动条的速度不可能只需要1微秒的时间。所以用户也就不可能看出来什么。以为那个就是固定在那里的。当然你也可以设置一个滚动事件windon.onscroll。也可以。但是我觉得没这种好。大家有兴趣的也可以研究一下（大家别闲我啰嗦，我觉得自己多研究一下东西，比我教大家一大堆东西都有用）。

当然如果不是ie6的浏览器都支持fixed属性。就执行这些语句了。
document.getelementbyid("gd").style.position = "fixed"//给dom元素加一个fixed属性
document.getelementbyid("gd").style.top = t + "px";//初始化时给dom元素设置一个居中的t值。
document.getelementbyid("gd").style.left = l + "px";//初始化时给dom元素设置一个居中的l值

好了。这篇就到这里了。这里只是居中。还有什么固定底部拉，固定居左拉等等。道理都是一样的。只是计算top和left不一样而已。大家没事可以自己研究一下。还有setinterval和settimeout这两个方法。以后出教程会用到很多

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网