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 相关文章推荐
用脚本调用样式的几种方法
Dec 09 Javascript
让iframe子窗体取父窗体地址栏参数(querystring)
Oct 13 Javascript
js切换光标示例代码
Oct 10 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
Jul 09 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
Bootstrap组合上、下拉框简单实现代码
Mar 06 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
浅谈Vue的响应式原理
May 30 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
原生JS实现留言板功能
Feb 08 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
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中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
jQuery.position()方法获取不到值的安全替换方法
2015/03/13 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
2017/06/01 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
2018/10/12 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
Python 循环语句之 while,for语句详解
2018/04/23 Python
python队列queue模块详解
2018/04/27 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
Internet主要有哪些网络群组成
2015/12/24 面试题
C#如何进行LDAP用户校验
2012/11/21 面试题
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
工作自我评价分享
2013/12/01 职场文书
打架检讨书800字
2014/01/10 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
班子四风对照检查材料
2014/08/21 职场文书
竞选学委演讲稿
2014/09/13 职场文书
2015年元旦标语大全
2014/12/09 职场文书
自主招生推荐信格式模板
2015/03/24 职场文书
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis