复制代码代码如下:
(การทำงาน () {
var fullscreenapi = {
รองรับ FullScreen: FALSE,
IsfullScreen: function () {
กลับเท็จ;
-
requestfullscreen: function () {},
cancelfullscreen: function () {}
FullscreeneventName: '',
คำนำหน้า: ''
-
BrowserPrefixes = 'WebKit MOZ O MS KHTML'.SPLIT (' ');
// ตรวจสอบการสนับสนุนแบบดั้งเดิม
if (typeof document.cancelfullscreen! = 'undefined') {
Fullscreenapi.supportsfullscreen = true;
} อื่น {
// ตรวจสอบการสนับสนุนแบบเต็มหน้าจอโดยคำนำหน้าผู้ขาย
สำหรับ (var i = 0, il = browserprefixes.length; i <il; i ++) {
fullscreenapi.prefix = browserprefixes [i];
if (typeof document [fullscreenapi.prefix + 'cancelfullscreen']! = 'undefined') {
Fullscreenapi.supportsfullscreen = true;
หยุดพัก;
-
-
-
// อัปเดตวิธีการทำสิ่งที่เป็นประโยชน์
if (fullscreenapi.supportsfullscreen) {
FullScreenapi.FullScreeneVentName = FullScreenapi.prefix + 'FullScreenchange';
fullscreenapi.isfullscreen = function () {
สวิตช์ (this.prefix) {
กรณี '':
ส่งคืนเอกสาร. Fullscreen;
กรณี 'webkit':
ส่งคืนเอกสาร WebKitisfullscreen;
ค่าเริ่มต้น:
ส่งคืนเอกสาร [this.prefix + 'fullscreen'];
-
-
fullscreenapi.requestfullscreen = function (el) {
return (this.prefix === '')? el.requestfullscreen (): el [this.prefix + 'requestfullscreen'] ();
-
fullscreenapi.cancelfullscreen = function (el) {
return (this.prefix === '')? document.cancelfullscreen (): เอกสาร [this.prefix + 'Cancelfullscreen'] ();
-
-
// ปลั๊กอิน jQuery
if (typeof jQuery! = 'undefined') {
jQuery.fn.requestfullScreen = function () {
return this.each (function () {
if (fullscreenapi.supportsfullscreen) {
Fullscreenapi.requestfullscreen (นี่);
-
-
-
-
// Export API
window.fullscreenapi = fullscreenapi;
-
$ (function () {
$ ("#fullscreenbtn") คลิก (function () {
$ ("#fullscreen"). RequestfullScreen ();
-
if (window.top! = self) {
$ ("#tip") ข้อความ ("iframe 里面不能演示该功能！请点击右下角的全屏查看！"). show ();
-
-
if (! Fullscreenapi.supportsfullscreen) {
การแจ้งเตือน ("您的破浏览器不支持全屏 api 哦， 请换高版本的 chrome 或者 firebox！");
-
复制代码代码如下:
<! doctype html>
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<title> JavaScript 启用全屏 </title>
<script id = "jQuery_183" type = "text/javascript" src = jQuery-1.8.3.min.js "> </script>
</head>
<body>
<button id = "fullscreenbtn"> 点击我进入全屏模式 </button>
<div id = "fullscreen">
<H1>
我是全屏区域的内容！
</h1>
<div id = "tip" style = "แสดง: ไม่มี;">
</div>
</div>
</body>
</html>
复制代码代码如下:
ร่างกาย{
ความเป็นมา: #FFF;
-
ปุ่ม{
ชายแดน: 1px Solid #CCC;
เคอร์เซอร์: ตัวชี้;
แสดง: บล็อก;
มาร์จิ้น: อัตโนมัติ;
ตำแหน่ง: ญาติ;
ด้านบน: 100px;
-
.fullscreen {
Padding-Top: 10%;
TEXT-ALIGN: CENTER;
พื้นหลัง: ไม่มีการเลื่อนซ้ำ 0 0 #FFFFFF;
-
/ * ข้อเสนอ Mozilla (Dash) */
.FullScreen: เต็มหน้าจอ {
ความกว้าง: 100%;
ความสูง: 100%;
-
/ * ข้อเสนอ W3C (ไม่มีเส้นประ) */
.FullScreen: เต็มหน้าจอ {
ความกว้าง: 100%;
ความสูง: 100%;
-
/ * คำนำหน้าผู้ขายที่ทำงานอยู่ในปัจจุบัน *//
.fullscreen: -webkit-full-screen, .fullscreen: -moz-full-screen {
ความกว้าง: 100%;
ความสูง: 100%;
-
: -webkit-full-screen {
ความกว้าง: 100%;
ความสูง: 100%;
-