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 相关文章推荐
国外的为初学者写的JavaScript教程
Jun 09 Javascript
JSON 编辑器实现代码
Dec 06 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
Apr 14 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
node.js express框架简介与实现
Jul 23 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
angular8和ngrx8结合使用的步骤介绍
Dec 01 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 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
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
PHP合并两个数组的两种方式的异同
2012/09/14 PHP
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
php使用自带dom扩展进行元素匹配的原理解析
2020/05/29 PHP
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
运算符&amp;&amp;的三个不同层次
2013/04/07 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
移动Web中图片自适应的两种JavaScript解决方法
2015/06/18 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
2016/08/01 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
pymssql ntext字段调用问题解决方法
2008/12/17 Python
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
Python函数中定义参数的四种方式
2014/11/30 Python
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
Python中常用的os操作汇总
2020/11/05 Python
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
党校学习自我鉴定
2014/02/24 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
新闻传播专业求职信
2014/07/22 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
中学生打架检讨书
2014/10/13 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
教师节主题班会教案
2015/08/17 职场文书
早安问候语大全
2015/11/10 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers