[参与测试的浏览器:IE6 / IE7 / IE8 / FF3.5 / OP9.6 / SF4 / Chrome2 ]
[操作系统:Windows]
本教程旨在实现lightBox时的样式与行为分离,减少JS在各方面(全屏遮蔽、ie6中遮蔽select、双向居中、高度自适应内容等)的工作。
先上代码:
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
这个lightBox具备以下特性,大家可以通过修改代码测一测 ^-^:
如有兴趣,构成这个lightBox的以下小技巧可供您参详:
1. 全屏遮蔽的方法:
A. 隐藏html/body的滚动条。
B. 用一个div做遮罩,再用一个div做带有滚动条的页面,一个叠上面,一个叠下面。
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]