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 eval函数深入认识
Feb 21 Javascript
基于jquery的多功能软键盘插件
Jul 25 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
在js中做数字字符串补0(js补零)
Mar 25 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
Sep 16 Javascript
详解微信小程序与内嵌网页交互实现支付功能
Oct 22 Javascript
浅谈Vue SSR中的Bundle的具有使用
Nov 21 Javascript
Element Backtop回到顶部的具体使用
Jul 27 Javascript
Vue用mixin合并重复代码的实现
Nov 27 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基础知识:函数基础知识
2006/12/13 PHP
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php析构函数的简单使用说明
2015/08/24 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
PHP 实现 WebSocket 协议原理与应用详解
2020/04/22 PHP
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
2020/12/13 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
laydate.js日期时间选择插件
2017/01/04 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
vue获取当前激活路由的方法
2018/03/17 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
Python中一行和多行import模块问题
2018/04/01 Python
Jupyter加载文件的实现方法
2020/04/14 Python
Python验证码截取识别代码实例
2020/05/16 Python
Python 如何测试文件是否存在
2020/07/31 Python
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
数控技术学生的自我评价
2014/02/15 职场文书
幼儿园元旦家长感言
2014/02/27 职场文书
经典公益广告词
2014/03/13 职场文书
QQ空间主人寄语大全
2014/04/12 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
《春晓》教学反思
2014/04/20 职场文书
校园文化标语
2014/06/18 职场文书
山楂树之恋观后感
2015/06/11 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers