读书人

引见HTML5中的全屏API

发布时间: 2012-07-23 09:42:19 作者: rapoo

介绍HTML5中的全屏API
在HTML5中,W3C制定了关于全屏的API,也就是用户可以比如一点某个键,
就可以实现全屏幕的效果,去掉工具栏等,但可惜这个目前只有google chrome 15 ,
safri(5.1开始),firfox(10开始)支持.先来看代码:



我们还可以在FULLSCREEN时对样式进行设置,比如:
html:-moz-full-screen {    background: red;}html:-webkit-full-screen {    background: red;}html:fullscreen {    background: red;}


在chrome中,当全屏幕模式时,还可以使用一些键的输入可能被禁止掉,但chrome
中可以重新设置请求,比如:
docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
即可.
一个FULLSCREEN的例子:
http://robnyman.github.com/fullscreen/

读书人网 >CSS

热点推荐