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 相关文章推荐
IE8 引入跨站数据获取功能说明
Jul 22 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
基于javascript bootstrap实现生日日期联动选择
Apr 07 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 05 Javascript
vue 点击其他区域关闭自定义div操作
Jul 17 Javascript
Vue性能优化的方法
Jul 30 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
基于swoole实现多人聊天室
2018/06/14 PHP
网页自动跳转代码收集
2009/09/27 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
jQuery横向擦除焦点图特效代码分享
2015/09/06 Javascript
基于javascript实现最简单的选项卡切换效果
2016/05/16 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
js实现右键菜单功能
2016/11/28 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
node.js实现复制文本到剪切板的功能
2017/01/23 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
javascript编写简易计算器
2017/05/06 Javascript
微信小程序如何获知用户运行小程序的场景教程
2017/05/17 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
jQuery实现的简单动态添加、删除表格功能示例
2017/09/21 jQuery
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
微信小程序日期选择器实例代码
2018/07/18 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
解决vue刷新页面以后丢失store的数据问题
2020/08/11 Javascript
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
python用requests实现http请求代码实例
2019/10/31 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
调研座谈会发言材料
2014/08/23 职场文书
医德医风自我评价
2014/09/19 职场文书
先进个人评语大全
2015/01/04 职场文书
老公保证书怎么写
2015/02/26 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书