一段好用的浮动窗口代码

最新推荐文章于 2024-04-12 16:09:22 发布

sunsides

最新推荐文章于 2024-04-12 16:09:22 发布

阅读量143

点赞数

CC 4.0 BY-SA版权

分类专栏：技术笔记

本文链接：https://blog.youkuaiyun.com/sunsides/article/details/84082730

技术笔记专栏收录该内容

111 篇文章

订阅专栏

www.111cn.net
<script>
客服果果=function (id,_top,_left){
	var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
	d1.style.height=d2.style.height='100%';me.style.top=_top?_top+'px':0;me.style[(_left>0?'left':'right')]=_left?Math.abs(_left)+'px':0;
	me.style.position='absolute';
	setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
	return arguments.callee;
};
window.onload=function (){
	客服果果
	('demo1',100,10)
	('demo2',50,-10)
	var 如果还想要就自己随便加哇哈哈
}
</script>
 <body>
 <div style="height:5000px"></div>
  <img src="http://www.111cn.net/banner/banner.gif" id="demo1" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo2" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo3" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo4" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo5" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo6" />
 </body>