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 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
基于jQuery制作迷你背词汇工具
Jul 27 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
Vue动态实现评分效果
May 24 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
Nov 28 Javascript
Vue表单类的父子组件数据传递示例
May 03 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 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全角字符转换为半角函数
2014/02/07 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
禁止直接访问php文件代码分享
2020/05/05 PHP
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
通过jquery 获取URL参数并进行转码
2014/08/18 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
js中url对象化管理分析
2017/12/29 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
2018/03/21 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
Vue项目开发常见问题和解决方案总结
2020/09/11 Javascript
Python中 map()函数的用法详解
2018/07/10 Python
python如何实现一个刷网页小程序
2018/11/27 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
numba提升python运行速度的实例方法
2021/01/25 Python
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
Foot Locker德国官方网站:美国运动服和鞋类零售商
2018/11/01 全球购物
weblogic面试题
2016/03/07 面试题
Java中的类包括什么内容?设计时要注意哪些方面
2012/05/23 面试题
大学生思想汇报范文
2013/12/31 职场文书
父亲生日宴会答谢词
2014/01/10 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
精神文明建设标语
2014/06/16 职场文书
师范毕业生求职信
2014/07/11 职场文书
2016年公司新年寄语
2015/08/17 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
Python基础之pandas数据合并
2021/04/27 Python
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis