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


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 相关文章推荐
Firefox下提示illegal character并出现乱码的原因
Mar 25 Javascript
单击某一段文字改写文本颜色
Jun 06 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
jquery实现表单获取短信验证码代码
Mar 13 Javascript
对vue.js中this.$emit的深入理解
Feb 23 Javascript
在vue项目中引入高德地图及其UI组件的方法
Sep 04 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
如何实现一个简易版的vuex持久化工具
Sep 11 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
Dec 12 Javascript
前端如何实现动画过渡效果
Feb 05 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中获取系统信息的方法
2013/06/25 PHP
php连接函数implode与分割explode的深入解析
2013/06/26 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
2007/02/23 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
2013/07/08 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
webpack入门+react环境配置
2017/02/08 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
[04:46]2018年度玩家喜爱的电竞媒体-完美盛典
2018/12/16 DOTA
python实现html转ubb代码(html2ubb)
2014/07/03 Python
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
Python数据类型学习笔记
2016/01/13 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
Python实现疫情地图可视化
2021/02/05 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
《桂花雨》教学反思
2014/04/12 职场文书
医学专业自荐信
2014/06/14 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
个人原因辞职信模板
2015/05/13 职场文书
实习证明模板
2015/06/16 职场文书
司法廉洁教育心得体会
2016/01/20 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers