实现lightBox时的样式与行为分离减少JS第2/2页
更新时间：2009年07月27日 22:04:09 作者：
本教程旨在实现lightBox时的样式与行为分离，减少JS在各方面（全屏遮蔽、ie6中遮蔽select、双向居中、高度自适应内容等）的工作。
2. 单行居中，多行居左的方法（看demo吧，表述能力有限）：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
3. 使用inline-block实现未知高度垂直居中的方法（看图和demo吧，表述能力有限）：
图示：
代码演示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
存在的两个细节性问题：
大家可以看到完整demo中并未出现font-size:0;，而在垂直居中法中却出现了。
因为font-size:0在完整demo中，将使firefox3.5中读者完整阅读时lightBox的鼠标滚轮失效，原因不详，这一点大家可以作情处理。
maxHeight这东西只能放在lightBoxContent的后面，因为在opera9.6中会出现bug，囧。
相关文章
在JS中如果希望某个变量包含一个数值，那么无需限定其必须是整数或者是浮点数，下面来个例子2011-06-06
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
该函数兼容ie，firefox。并且可以使用clearSetTimeOut和clearInterval清除，比原setTimeout，setInterval方便很多，并且参数可以是object。2009-04-04
下面小编就为大家带来一篇网页中的图片查看器viewjs使用方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
实例解析package.json和最常见的scripts字段
日常开发中，现在的前端开发已经被三大框架取代，其中最主流的不过vue和react，而开发这些项目的时候不得不接触package.json这个文件，可你真的了解这个文件吗？今天给大家聊聊package.json和最常见的scripts字段，感兴趣的朋友一起看看吧2023-04-04
JavaScript写的炫光波动效果,看到一些Flash效果不错,用JS也模拟一下,还有很多不完善的地方,给各位参考参考。2015-05-05
PDF.js是由Mozilla支持的基于HTML5的PDF查看器,可以在web上解析和呈现PDF文件,它支持内容检索、页面跳转、文件打印等功能,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
下面小编就为大家带来一篇浅谈JavaScript对象与继承。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了JS如何完整获取IE浏览器信息包括类型、版本、语言等等,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了JS利用 React.lazy 优化页面初次渲染,React.lazy 接受一个函数，这个函数需要动态调用import()，它必须返回一个Promise，该Promise需要resolve一个default export的React组件2022-07-07
apply和call方法定义及apply和call方法的区别
apply和call功能一样，只是传入的参数列表形式不同，本文给大家介绍apply和call方法定义及apply和call方法的区别，感兴趣的朋友一起学习吧2015-11-11
最新评论