jquery 层相对于游览器垂直中齐(兼容firefox 和ie)
来源:互联网 发布:sql一个汉字几个字符 编辑:程序博客网 时间:2024/06/05 05:36
<script type="text/javascript" src="jquery-1.3.2.min.js"></script><!--添加jquery-->
<script type="text/javascript">
function getObjWh(obj){
var st=document.documentElement.scrollTop;//滚动条距顶部的距离
var sl=document.documentElement.scrollLeft;//滚动条距左边的距离
var ch=document.documentElement.clientHeight;//屏幕的高度
var cw=document.documentElement.clientWidth;//屏幕的宽度
var objH=$("#"+obj).height();//浮动对象的高度
var objW=$("#"+obj).width();//浮动对象的宽度
var objT=Number(st)+(Number(ch)-Number(objH))/2; //要居中的层的top:值设定
var objL=Number(sl)+(Number(cw)-Number(objW))/2;
return objT+"|"+objL; //当一个函数需返回两个值时可以用这种方法
}
function adjust(){
var objV=getObjWh("gallery");
var tbT=objV.split("|")[0]+"px";
var tbL=objV.split("|")[1]+"px";
$("#gallery").css({top:tbT,left:tbL});
}
$(document).ready(function(){adjust();});//加这一句是firefox在初次加载时不会执行adjust
$(window).scroll(function(){adjust()});//当屏幕滚动时
$(window).resize(function(){adjust()});//当屏幕大小发动时
/*综上最简代码
var tbT=document.documentElement.scrollTop+document.documentElement.clientHeight/2-$("#gallery").height()/2;
var tbL=document.documentElement.scrollLeft+document.documentElement.clientWidth/2-$("#gallery").width()/2;
$("#gallery").css({top:tbT,left:tbL});
*/
</script>
<style>
#gallery{ position:absolute; width:300px; height:200px; background:#ccc; z-index:110; display:true;}
</style>
<body>
<div id="gallery">dfddfdfdf<br />dfddfdfdf<br />dfddfdfdf<br />dfddfdfdf<br /></div>
</body>
- jquery 层相对于游览器垂直中齐(兼容firefox 和ie)
- jQuery弹出层,兼容ie,Firefox,谷歌浏览器
- cursor在IE和firefox中兼容
- javascript 游览器版本判断(IE FIREFOX)
- div页面垂直居中,兼容IE、Firefox
- 浮动层JS类,兼容IE和Firefox
- 可以移动的层(Div)兼容IE和firefox浏览器
- Jquery.each 兼容IE,firefox
- jquery.each兼容IE,firefox
- Jquery使用中firefox与ie不兼容之一
- jQuery上下键选表格行(兼容IE和Firefox)
- 兼容IE,FIREFOX的层透明设计
- jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
- 在下载文件名中有空格时,firefox会自动截断,IE游览器的处理
- [js] 兼容IE和firefox
- showModelessDialog兼容firefox和ie
- jQuery弹出层始终垂直居中,相对于屏幕,相对于当前窗口
- 遮罩层效果 兼容ie firefox jQuery遮罩层 弹出层带关闭按钮
- 九月八日 天氣陰
- QQ华夏历史大时间
- 删除事件查看器中的自定义日志分类
- 用Asp.Net写Rss
- Quartus II之使用小心得---显示选项卡还原
- jquery 层相对于游览器垂直中齐(兼容firefox 和ie)
- 最新RSS 2.0规范(中文版)大全
- session串的问题以及解决方法
- 软件使用小心得----VC6与office2010 的冲突
- 关于自定义属性面板的问题
- MFC 初始化详细过程
- SliverLight 练习2
- #pragma pack的使用(sizeof)
- controller的几个实例