首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

引见HTML5中的全屏API

2012-07-23 
介绍HTML5中的全屏API在HTML5中,W3C制定了关于全屏的API,也就是用户可以比如一点某个键,就可以实现全屏幕

介绍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/

热点排行
Bad Request.