jquery全屏插件

最新推荐文章于 2024-08-16 07:43:25 发布

燕鹏01

最新推荐文章于 2024-08-16 07:43:25 发布

阅读量514

点赞数

分类专栏： PHP全栈

本文为博主原创文章，未经博主允许不得转载

本文链接：https://blog.csdn.net/qq_23488347/article/details/51038563

版权

PHP全栈专栏收录该内容

46 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>jquery全屏插件</title>
	<script src="jquery.js"></script>
	<script src="jquery.fullscreen.js"></script>
</head>
<body id="content">
	<script>
		$(function(){
			if($.support.fullscreen){
				$('#fullScreen').click(function(){			
					$('#content').fullScreen();
					// 设置一些属性
					$('#content').fullScreen({
						'background'	: '#FFF'
						// 'callback'		: function(isFullScreen){
						// 	alert('按ESC键可以退出全屏！');
						// }
					});
				});
			}
		});
	</script>
	<input type="button" id="fullScreen" value="全屏" />
	<h1>hello word</h1>
	<h1>hello word</h1>
	<h1>hello word</h1>
</body>
</html>

全屏插件下载