多浏览器支持的右下角浮动窗口


Posted in Javascript onApril 01, 2010
<script> 
function $(id) 
{ 
return document.getElementById(id); 
} 
var LoginUI = !!window.LoginUI || {}; 
LoginUI.getViewportWidth = function(){ 
var width=0; 
if(document.documentElement && document.documentElement.clientWidth){ 
width=document.documentElement.clientWidth;} 
else if(document.body && document.body.clientWidth){ 
width=document.body.clientWidth;} 
else if(window.innerWidth){ 
width=window.innerWidth-18;} 
return width; 
} 
LoginUI.getViewportHeight = function() { 
var height=0; 
if(window.innerHeight){ 
height=window.innerHeight-18;} 
else if(document.documentElement&&document.documentElement.clientHeight){ 
height=document.documentElement.clientHeight;} 
else if(document.body&&document.body.clientHeight){ 
height=document.body.clientHeight;} 
return height; 
} 
LoginUI.getViewportScrollX = function(){ 
var scrollX=0; 
if(document.documentElement&&document.documentElement.scrollLeft){ 
scrollX=document.documentElement.scrollLeft;} 
else if(document.body&&document.body.scrollLeft){ 
scrollX=document.body.scrollLeft;} 
else if(window.pageXOffset){ 
scrollX=window.pageXOffset;} 
else if(window.scrollX){ 
scrollX=window.scrollX;} 
return scrollX; 
} 
LoginUI.getViewportScrollY=function() { 
var scrollY=0; 
if(document.documentElement&&document.documentElement.scrollTop){ 
scrollY=document.documentElement.scrollTop;} 
else if(document.body&&document.body.scrollTop){ 
scrollY=document.body.scrollTop;} 
else if(window.pageYOffset){ 
scrollY=window.pageYOffset;} 
else if(window.scrollY){ 
scrollY=window.scrollY;} 
return scrollY; 
} 
function scrollMsgTip() 
{ 
var t = LoginUI.getViewportHeight() + LoginUI.getViewportScrollY() - $("msgtip").offsetHeight; 
$("msgtip").style.top = t + "px"; 
$("msgtip").style.left = LoginUI.getViewportWidth() + LoginUI.getViewportScrollX() - $("msgtip").offsetWidth + "px"; 
} 
function scrollTip() 
{ 
scrollMsgTip() 
} 
window.onload = window.onscroll = scrollTip; 
</script>

以上是js代码,下面是浮动的窗口
<div style='position:absolute;top:0;left:0;width:300px;height:180px;border:3px double #AAA' id='msgtip'>dfddfdf</div>
Javascript 相关文章推荐
JS中处理与当前时间间隔的函数代码
May 23 Javascript
JQuery中对Select的option项的添加、删除、取值
Aug 25 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
非常酷炫的Bootstrap图片轮播动画
May 27 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
VUE 3D轮播图封装实现方法
Jul 03 Javascript
JS中判断字符串存在和非空的方法
Sep 12 Javascript
小程序实现单选多选功能
Nov 04 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
js 多浏览器分别判断代码
Apr 01 #Javascript
JS 遮照层实现代码
Mar 31 #Javascript
js压缩工具 yuicompressor 使用教程
Mar 31 #Javascript
jQuery 遍历json数组的实现代码
Sep 22 #Javascript
Javascript load Page,load css,load js实现代码
Mar 31 #Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 #Javascript
jquery+json实现的搜索加分页效果
Mar 31 #Javascript
You might like
php中AES加密解密的例子小结
2014/02/18 PHP
帝国cms常用标签汇总
2015/07/06 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
非常好的js代码
2006/06/27 Javascript
Jquery下attr和removeAttr的使用方法
2010/12/28 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
IE浏览器下PNG相关功能
2015/07/05 Javascript
javascript实现自动输出文本(打字特效)
2015/08/27 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
2018/04/20 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
py中的目录与文件判别代码
2008/07/16 Python
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
Python六大开源框架对比
2015/10/19 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
python二分法查找算法实现方法【递归与非递归】
2019/12/06 Python
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
金蝶的一道SQL笔试题
2012/12/18 面试题
介绍一下linux的文件权限
2014/07/20 面试题
投标保密承诺书
2014/05/19 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
暑期社会实践新闻稿
2015/07/17 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js