效果图示
点击后全屏显示,并且图标发现变化。全屏后,点击同一按钮,会退出全屏。
代码
// 全屏切换代码
var FullscreenFlag = false;
$('#toggle-fullscreen').click(function () {
if (FullscreenFlag) {
ExitFullscreen();
$(this).attr('title','全屏显示');
$(this).html('<i class="fa fa-expand"></i>');
FullscreenFlag = false;
} else {
EnterFullscreen();
$(this).attr('title','退出全屏');
$(this).html('<i class="fa fa-compress"></i>');
FullscreenFlag = true;
}
});
图标使用的是font-Awesome字体图标。