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 相关文章推荐
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
js实现日期级联效果
Jan 23 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
Javascript中Date类型和Math类型详解
Feb 27 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
vue+element表格导出为Excel文件
Sep 26 Javascript
vue2路由方式--嵌套路由实现方法分析
Mar 06 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
js利用拖放实现添加删除
Aug 27 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 之Section与Cookie使用总结
2012/09/14 PHP
详解php中 === 的使用
2016/10/24 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
javascript处理table表格的代码
2010/12/06 Javascript
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
2016/12/16 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
Python中的random()方法的使用介绍
2015/05/15 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
基于python实现模拟数据结构模型
2020/06/12 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
前端实现打印图像功能
2019/08/27 HTML / CSS
Android面试题及答案
2015/09/04 面试题
护士自我鉴定范文
2013/10/06 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
消防安全检查制度
2014/02/04 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
2015年机关党建工作总结
2015/05/22 职场文书
队名及霸气口号大全
2015/12/25 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android