<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
</head>
<body>
<h1>我的qq浮动</h1>
<style>
#qq_box{width:223px;height:133px;background:#ccc;position:fixed;right:0px;bottom:10px;
background:url(http://nanke.jdjlnk.com/images/qq_xf.gif);}
#qq_close{width:40px; height:20px;position:absolute;right:0;top:0;cursor:pointer;}
#qq_box_l{width:40px; height:30px;position:absolute;right:50px;bottom:0;cursor:pointer;}
#qq_box_r{width:40px;height:30px;position:absolute;right:0;bottom:0;cursor:pointer;}
</style>
<div id="qq_box" style="display: block;">
<a id="qq_close"></a><a href="http://put.zoosnet.net/LR/Chatpre.aspx?id=PUT16019242&lng=cn" target="_blank" id="qq_box_l"></a><a id="qq_box_r"></a>
</div>
<script>
function domReady(fn){
if(document.addEventListener){
document.addEventListener('DOMContentLoaded',function(){fn && fn();},false);
}else{
var oS=document.createElement('script');oS.defer='1';oS.src='';
var oHead=document.getElementsByTagName('head')[0];oHead.appendChild(oS);
oS.onreadystatechange=function(){if(oS.readyState=='complete'){fn && fn();}}
}
};
domReady(function(){
(function(){
var qq_box = document.getElementById("qq_box");
var qq_close = document.getElementById("qq_close");
var qq_box_l = document.getElementById("qq_box_l");
var qq_box_r = document.getElementById("qq_box_r");
var qq_timer=null;
qq_timer=setInterval(function(){qq_box.style.display='block';},2000);
qq_close.onclick=close_fn;
qq_box_r.onclick=close_fn;
function close_fn(){clearInterval(qq_timer);qq_box.style.display='none';
qq_timer=setInterval(function(){qq_box.style.display='block';},10000);
}
})();
});
</script>
</body>
</html>

----------------------------

gif图片：

QQ右下角浮动窗口的更多相关文章

  1. 【js】右下角浮动窗口

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 类似qq的浮动窗口 ，随着滚轴的滚动，始终处于屏幕的中间（能看到运动的过程）

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  3. 随滚动条滚动，始终处于屏幕的中间类似qq的浮动窗口 （能看到运动的过程）

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  4. Android 浮动窗口进阶——画中画，浮动视频（附Demo）

    今天继续上一篇Android顶层窗口.浮动窗口的进阶应用.上一篇主要讲解了WindowManager服务和如何使用WindowManager编写一个顶层窗口.今天主要是讲讲如何在顶层窗口里面播放视频, ...

  5. Android 实现顶层窗口、浮动窗口（附Demo）

    做过Window程序开发的朋友应该都知道,我们要把程序窗口置顶很简单,只要设置一些窗口属性即可.但是到了Android,你无法简单设置一个属性,就让Android的Activity置顶.因为只要有新的 ...

  6. js实现打开网页自动弹出添加QQ好友邀请窗口

    我们有时进一些网面或专题页面会自动弹出一个加为好友的对话框了,在研究了很久之后发现可以直接使用js来实现,下面我们一起来看js实现打开网页自动弹出添加QQ好友邀请窗口的方法. 第一步.JS脚本 这个是 ...

  7. (转)JS浮动窗口（随浏览器滚动而滚动）

    原文:http://hi.baidu.com/aiyayaztt/item/4201c55a6b729dced2e10c79 JS浮动窗口(随浏览器滚动而滚动) 往往用于一些联系方式,互动平台模块,随 ...

  8. Jquery 类似新浪微博，鼠标移到头像，用浮动窗口显示用户信息，已做成一个jquery插件

    请注意!!!!! 该插件demo PHP 的 demo下载  C#.NET的demo下载 需要如下图, 1.鼠标移动到头像DIV时,Ajax获取数据,并让浮动DIV显示出来. 2.鼠标可以移动到上面浮 ...

  9. Delphi 悬浮窗口、浮动窗口的实现

    源:Delphi 悬浮窗口.浮动窗口的实现 浮动窗体的实现 http://blog.tianya.cn/blogger/post_show.asp?BlogID=68097&PostID=80 ...

随机推荐

  1. 最全的CSS浏览器兼容问题

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格 ...

  2. C#面向接口编程详解（1）——思想基础

    我想,对于各位使用面向对象编程语言的程序员来说,“接口”这个名词一定不陌生,但是不知各位有没有这样的疑惑:接口有什么用途?它和抽象类有什么区别?能不能用抽象类代替接口呢?而且,作为程序员,一定经常听到 ...

  3. MCMC: The Metropolis Sampler

    本文主要译自 MCMC: The Metropolis Sampler 正如之前的文章讨论的,我们可以用一个马尔可夫链来对目标分布 \(p(x)\) 进行采样,通常情况下对于很多分布 \(p(x)\) ...

  4. HSV与RGB颜色空间的转换

    一.本质上,H的取值范围:0~360   S的取值范围:0~1    V的取值范围:0~255                                     但是,当图像为32F型的时候,各 ...

  5. HTML5，jQuery，ajax基础面试

    简要描述HTML5中的本地存储 答案: 很多时候我们会存储用户本地信息到电脑上,例如:比方说用户有一个填充了一半的长表格,然后突然网络连接断开了,这样用户希望你能存储这些信息到本地,当网络回复的时候, ...

  6. 《Web全栈工程师的自我修养》读书笔记（转载）

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/5 ...

  7. 【python】jiraAPI使用教程 自动创建jira问题单并置状态为OPEN

    环境依赖 : python库 redis jira  安装命令:pip install redis pip install jira redis服务安装命令: $sudo apt-get update ...

  8. ubuntu 一些命令

    打开终端 ctrl+alt+t 关闭中端 ctrl+shift+q 打开ppt openoffice.org -g xx.ppt &

  9. 安装Linux 16.04 时，选择好分区后，进到选择地点的界面后，总是闪退，退到最原始的界面

    这两天装 Linux 系统,总是遇到一个很蛋疼的问题: 当你累死累活把分区什么的都设置好了之后,在输入了系统名字,开机密码那几项之后,再选择地点的时候(如:选择 "上海"),然后就 ...

  10. VS安装部署

    Windows Installer 部署要求管理员权限并且只允许受限制的用户安装;而 ClickOnce 部署允许非管理用户安装应用程序并仅授予应用程序所需要的那些代码访问安全权限.