jquery全屏图片,html5图片全屏

如何把HTML文件的背景图片设成全屏?

步骤一、首先打开需要修改的HTML文件。

创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的双鸭山网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

步骤二、然后始化样式，将代码添加在style/style标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

求兼容所有浏览器的jquery全屏图片（鼠标滑轮滚动）上下切换的源代码

网页设计中对许多电脑的屏幕大小有所考虑，所以大多时候，网页都是已1000个像素为标准。因此，如果你用ctrl+鼠标中键，这样会使字变大，让图片失真，这不是人TX要的效果！%D%A

如何使用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

效果图

网页标题：jquery全屏图片,html5图片全屏
文章位置：https://www.cdcxhl.com/article28/dscoocp.html

成都网站建设公司_创新互联，为您提供网站改版、动态网站、用户体验、手机网站建设、网站营销、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联