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


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加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
DWR中各种java方法的调用
May 04 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
Mar 15 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
JS实现移动端按首字母检索城市列表附源码下载
Jul 05 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
基于Vue中的父子传值问题解决
Jul 27 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 If Else(elsefi) 语句
2013/04/07 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
如何在Web页面上直接打开、编辑、创建Office文档
2007/03/12 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
JavaScript事件处理器中的event参数使用介绍
2013/05/24 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
微信小程序分页加载的实例代码
2017/07/11 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
2020/11/01 Javascript
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
Python实现各种排序算法的代码示例总结
2015/12/11 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
Python如何实现定时器功能
2020/05/28 Python
Python实现列表中非负数保留,负数转化为指定的数值方式
2020/06/04 Python
python实现批量命名照片
2020/06/18 Python
Python 创建TCP服务器的方法
2020/07/28 Python
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
电钳工人个人求职信
2014/05/10 职场文书
工作会议通知
2015/04/15 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
MySQL的存储过程和相关函数
2022/04/26 MySQL