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


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 相关文章推荐
prototype 1.5相关知识及他人笔记
Dec 16 Javascript
为JavaScript添加重载函数的辅助方法
Jul 04 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
May 31 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 Javascript
微信小程序 转发功能的实现
Aug 04 Javascript
BootStrap TreeView使用实例详解
Nov 01 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
bing Map 在vue项目中的使用详解
Apr 09 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 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概述.
2006/10/09 PHP
PHP输入流php://input介绍
2012/09/18 PHP
php的curl封装类用法实例
2014/11/07 PHP
微信API接口大全
2015/04/15 PHP
将PHP从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
php生成图片验证码的实例讲解
2015/08/03 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
python 拼接文件路径的方法
2018/10/23 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
python 实现二维列表转置
2019/12/02 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
Django视图、传参和forms验证操作
2020/07/15 Python
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
医学毕业生自荐信
2013/10/11 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
应届大学生求职信
2014/07/20 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
玄武湖导游词
2015/02/05 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
大学副班长竞选稿
2015/11/21 职场文书