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 相关文章推荐
js几个不错的函数 $$()
Oct 09 Javascript
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
js验证整数加保留小数点的简单实例
Dec 02 Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
js转换对象为xml
Feb 17 Javascript
VUE中的无限循环代码解析
Sep 22 Javascript
对angular4子路由&amp;辅助路由详解
Oct 09 Javascript
详解JavaScript原型与原型链
Nov 16 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遍历二维数组的代码
2011/04/22 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
浅谈PHP封装CURL
2019/03/06 PHP
javascript 表单规则集合对象
2009/07/21 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
详解Document.Cookie
2015/12/25 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
微信小程序地图绘制线段并且测量(实例代码)
2020/01/02 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
JS 5种遍历对象的方式
2020/06/16 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
详解如何在Javascript中使用Object.freeze()
2020/10/18 Javascript
Python的另外几种语言实现
2015/01/29 Python
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
python 搜索大文件的实例代码
2019/07/08 Python
Python 实现一个简单的web服务器
2021/01/03 Python
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
广州一家公司的.NET面试题
2016/06/11 面试题
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
演讲比赛获奖感言
2014/02/02 职场文书
大学活动总结格式
2014/04/29 职场文书
环保志愿者活动总结
2014/06/27 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
html5实现点击弹出图片功能
2021/07/16 HTML / CSS