正文
jquery全屏图片,html5图片全屏
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何把HTML文件的背景图片设成全屏?
步骤一、首先打开需要修改的HTML文件。
步骤二、然后始化样式，将代码添加在style/style标签内。
步骤三、添加一个div容器，然后命名为bg-box
步骤四、背景全屏需要容器全屏，将bg-box的样式补全。
步骤五、设置完毕，图片背景以及全屏了。
相关问答
Q1: 求兼容所有浏览器的jquery全屏图片（鼠标滑轮滚动）上下切换的源代码
网页设计中对许多电脑的屏幕大小有所考虑，所以大多时候，网页都是已1000个像素为标准。因此，如果你用ctrl+鼠标中键，这样会使字变大，让图片失真，这不是人TX要的效果！%D%A
Q2: 如何使用Jquery实现双击进入网页全屏/退出全屏
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
/head
body
button id="in"双击进入全屏/button
button id="out"双击退出全屏/button
script src=""
/script
script type="text/javascript"
$(function () {
$("body").on("dblclick", "#in", function () {
requestFullScreen();
});
$("body").on("dblclick", "#out", function () {
exitFullscreen();
});
//进入全屏
function requestFullScreen() {
var de = document.documentElement;
if (de.requestFullscreen) {
de.requestFullscreen();
} else if (de.mozRequestFullScreen) {
de.mozRequestFullScreen();
} else if (de.webkitRequestFullScreen) {
de.webkitRequestFullScreen();
}
}
//退出全屏
function exitFullscreen() {
var de = document;
if (de.exitFullscreen) {
de.exitFullscreen();
} else if (de.mozCancelFullScreen) {
de.mozCancelFullScreen();
} else if (de.webkitCancelFullScreen) {
de.webkitCancelFullScreen();
}
}
});
/script
/body
/html
效果图
