<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery Fullscreen Plugin demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/kayahr/jquery-fullscreen-plugin/master/jquery.fullscreen.js"></script>
</head>
<body style="background:white">
<div id="buttons">
<button onclick="$(document).fullScreen(true)">Enter Fullscreen mode (Document)</button>
<button onclick="$('#form').fullScreen(true)">Enter Fullscreen mode
(Form)</button>
<button onclick="$('#buttons').fullScreen(true)">Enter Fullscreen mode (Button panel)</button><br />
<button onclick="$(document).fullScreen(false)">Exit Fullscreen mode</button><br />
<button onclick="$(document).toggleFullScreen()">Toggle Fullscreen mode (Document)</button><br />
<button onclick="alert($(document).fullScreen())">Query Fullscreen mode</button>
</div>
</body>
</html>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.