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 分号引起的一段调试问题
Jun 18 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
JS中获取函数调用链所有参数的方法
May 07 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 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执行速度全攻略(下)
2006/10/09 PHP
PHP分页显示制作详细讲解
2006/10/09 PHP
培养自己的php编码规范
2015/09/28 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
javascript 实现字符串反转的三种方法
2013/11/23 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
css+js实现部分区域高亮可编辑遮罩层
2014/03/04 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
google广告之另类js调用实现代码
2020/08/22 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
[01:26]DOTA2荣耀之路2:iG,China
2018/05/24 DOTA
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
[49:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第二场 3月4日
2021/03/11 DOTA
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
详解Python 爬取13个旅游城市,告诉你五一大家最爱去哪玩?
2019/05/07 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
PyQt 如何创建自定义QWidget
2021/03/24 Python
饲料采购员岗位职责
2013/12/19 职场文书
美术教师自我鉴定
2014/02/12 职场文书
小学生环保倡议书
2014/05/15 职场文书
六一儿童节活动总结
2014/08/27 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js
浅谈Python数学建模之整数规划
2021/06/23 Python
Redis安装使用RedisJSON模块的方法
2022/03/23 Redis
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技