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 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
javascript淡入淡出效果的实现思路
Mar 31 Javascript
js闭包的用途详解
Nov 09 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
如何在vue中使用jointjs过程解析
May 29 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
Dec 25 Vue.js
原生js实现自定义滚动条组件
Jan 20 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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 flv视频时间获取函数
2010/06/29 PHP
PHP语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】
2020/05/27 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
vue过渡和animate.css结合使用详解
2017/06/14 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
2017/09/15 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
Javascript call及apply应用场景及实例
2020/08/26 Javascript
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
Python使用random和tertools模块解一些经典概率问题
2015/01/28 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
python 实现矩阵填充0的例子
2019/11/29 Python
惊天动地观后感
2015/06/10 职场文书
煤矿隐患排查制度
2015/08/05 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
Python IO文件管理的具体使用
2022/03/20 Python