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


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 尚未实现错误解决办法
Nov 27 Javascript
jQuery验证插件 Validate详解
Nov 20 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
javascript 动态脚本添加的简单方法
Oct 11 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
php2html php生成静态页函数
2008/12/08 PHP
Smarty Foreach 使用说明
2010/03/23 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
PHP检查URL包含特定字符串实例方法
2019/02/11 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
jquery实现div阴影效果示例代码
2013/09/16 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
express如何解决ajax跨域访问session失效问题详解
2019/06/20 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
神经网络python源码分享
2017/12/15 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
大专自我鉴定范文
2013/10/01 职场文书
英语文学专业学生的自我评价
2013/10/31 职场文书
党校学习自我鉴定
2014/02/24 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers