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


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 相关文章推荐
Javascript排序算法之计数排序的实例
Apr 05 Javascript
javascript的创建多行字符串的7种方法
Apr 29 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
Mar 04 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
Sep 06 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
Sep 16 Javascript
Bootstrap 3 按钮标签实例代码
Feb 21 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
vuejs2.0子组件改变父组件的数据实例
May 10 Javascript
原生js实现针对Dom节点的CRUD操作示例
Aug 26 Javascript
JavaScript判断浏览器版本的方法
Nov 03 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
Apr 26 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取整数函数常用的四种方法小结
2012/07/05 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
PHP中的use关键字概述
2014/07/23 PHP
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
浅析php原型模式
2014/11/25 PHP
php验证手机号码
2015/11/11 PHP
php PDO实现的事务回滚示例
2017/03/23 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
JS获取网页属性包括宽、高等等
2014/04/03 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
分享我的jquery实现下拉菜单心的
2015/11/29 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
jQuery实现的倒计时效果实例小结
2016/04/16 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
vue中的数据绑定原理的实现
2018/07/02 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
Layui给switch添加响应事件的例子
2019/09/03 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
原生js实现分页效果
2020/09/23 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
商务英语毕业生自荐信范文
2013/11/08 职场文书
简历中自我评价范文3则
2013/12/14 职场文书
供应链金融服务方案
2014/05/25 职场文书
2014年度考核工作总结
2014/12/24 职场文书
公司开除员工通知
2015/04/22 职场文书
城南旧事观后感
2015/06/11 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
Python+OpenCV实现在图像上绘制矩形
2022/03/21 Python