多语言展示
当前在线:351今日阅读:113今日分享:31

js 如何做全屏的界面

本实例是在jquery的基础上实现的,需要引入jquery,jquery下载地址:http://jquery.com/download/
工具/原料
1

电脑

2

HTML编辑工具

方法/步骤
1

编写HTML页面:主要包括窗口全屏(类似F11的功能),div全屏,让div独占整个电脑屏幕,图片全屏让图片独占整个窗口,退出功能。        js全屏测试                      

           

2

本次测试使用谷歌浏览器效果全部实现,第一个测试 ,测试窗口全屏。使用谷歌浏览器打开页面,单击“窗口全屏“进入浏览器窗口全屏界面(与F11功能类似),单击“退出全屏”或ESC键退出。

3

第二个测试:测试div全屏将整个div中的内容铺满整个屏幕,然后按ESC退出。

4

第三个测试:测试图片铺满整个屏幕,然后按ESC退出。

推荐信息