qq悬浮代码(兼容各个浏览器)


Posted in Javascript onJanuary 29, 2014
<script language="JavaScript" type="text/javascript">
lastScrollY=0;
function heartBeat(){ 
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY); 
if(percent>0)percent=Math.ceil(percent); 
else percent=Math.floor(percent); 
document.getElementById("ad_left").style.top=parseInt(document.getElementById
("ad_left").style.top)+percent+"px";
document.getElementById("ad_right").style.top=parseInt(document.getElementById
("ad_left").style.top)+percent+"px";
lastScrollY=lastScrollY+percent; 
//alert(lastScrollY);
}
function hidead(num)
{
showad = false;
if(num==1)
document.getElementById("ad_left").style.display="none";
else if(num==2)
document.getElementById("ad_right").style.display="none";
}
var ClosebuttonHtml1 = '<div style="position: absolute;bottom:0px;right:25px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:void(0);" onclick="hidead(1)" style="color:#ffffff;text-decoration:none;font-size:12px;">关闭</a></div>';
var ClosebuttonHtml2 = '<div style="position: absolute;bottom:0px;right:25px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:void(1);" onclick="hidead(2)" style="color:#ffffff;text-decoration:none;font-size:12px;">关闭</a></div>';
ad1="<div id=/"ad_left/" style='right:10px;POSITION:absolute;TOP:160px;'></div>"
ad2="<DIV id=/"ad_right/" style='right:10px;POSITION:absolute;TOP:160px;'><br><a href='tencent://message/?uin=758541860&Menu=yes'><img height='120' src='../images/qq.gif' border='0' width='110'></a></div>";
document.write(ad1); 
document.write(ad2); 
window.setInterval("heartBeat()",1);
</script>
Javascript 相关文章推荐
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
当json键为数字时的取值方法解析
Nov 15 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
Aug 18 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
JS中touchstart事件与click事件冲突的解决方法
Mar 12 Javascript
JavaScript继承的特性与实践应用深入详解
Dec 30 Javascript
使用preload预加载页面资源时注意事项
Feb 03 Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 #Javascript
js跳转页面方法总结
Jan 29 #Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 #Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 #Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 #Javascript
js中的preventDefault与stopPropagation详解
Jan 29 #Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 #Javascript
You might like
PHP中删除变量时unset()和null的区别分析
2011/01/27 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
php实现留言板功能
2017/03/05 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
window.open的功能全解析
2006/10/10 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
2016/08/11 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
AngularJS集合数据遍历显示的实例
2017/12/27 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
jQuery属性选择器用法实例分析
2019/06/28 jQuery
vue组件命名和props命名代码详解
2019/09/01 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
python+pandas+时间、日期以及时间序列处理方法
2018/07/10 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
美国最大的旗帜经销商:Carrot-Top
2018/02/26 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
奥地利婴儿用品和玩具购物网站:baby-markt.at
2020/01/26 全球购物
学校开学标语
2014/10/06 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
小学重阳节活动总结
2015/03/24 职场文书
费用申请报告范文
2015/05/15 职场文书
单位考核鉴定意见
2015/06/05 职场文书