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


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 相关文章推荐
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
JavaScript多并发问题如何处理
Oct 28 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
彻底揭秘keep-alive原理(小结)
May 05 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 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的curl函数的用法总结
2019/02/14 PHP
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
关于Angularjs中跨域设置白名单问题
2018/04/17 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
js实现弹幕飞机效果
2020/08/27 Javascript
如何在 ant 的table中实现图片的渲染操作
2020/10/28 Javascript
Python ORM框架SQLAlchemy学习笔记之数据添加和事务回滚介绍
2014/06/10 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
解决Mac下使用python的坑
2019/08/13 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
Python实现快速排序的方法详解
2019/10/25 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
Django多个app urls配置代码实例
2020/11/26 Python
PyQt5通过信号实现MVC的示例
2021/02/06 Python
python实现学生通讯录管理系统
2021/02/25 Python
阿里巴巴国际站:Alibaba.com
2016/07/21 全球购物
问卷调查计划书
2014/01/10 职场文书
财务工作者先进事迹材料
2014/01/17 职场文书
2015年员工工作总结范文
2015/04/08 职场文书
MySQL注入基础练习
2021/05/30 MySQL
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python