<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n
原创
2023-02-07 05:22:13
80阅读
在现代网站和应用程序中，实现全屏显示的功能已成为一种流行的用户交互方式，尤其是在图像、视频或游戏内容展示时。通过使用 jQuery，开发者可以更轻松地控制全屏模式的实现，相较于原生 JavaScript 的复杂性，jQuery 提供了更简洁的代码结构。本文将记录实现 jQuery 全屏的过程，帮助开发者更好地理解并应用这一功能。
### 背景描述
全屏功能通常用于以下场景：
1. **图
<button onclick="toggleFullScreen(event)">点我全屏</button>function FullScreen(el) { var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkit
转载
2022-07-20 10:42:09
436阅读
fullpage.js使用小结
刚做好公司网站，通过全屏滚动，显著提高了官网的浏览体验。遂总结一下使用fullpage.js的方法。欢迎指正一. fullpage.js简介fullpage.js是一套实现浏览器全屏滚动的js插件,很多网站现在都使用了其来实现较好的浏览体验。可以实现的功能：支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CS
转载
2023-11-27 09:40:02
77阅读
进入全屏if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { // current working methods
原创
2023-01-30 16:28:02
264阅读
最近在学习JQuery，其实也不叫学习，很久以前就学过，只是有一段时间没用，有些生疏了，于是就做几个小例子来练习练习，为了方便以后查找就将这些小示例记录下来。今天要分享的是基于JQuery实现的多标签的切换，JQuery就不用过多介绍了，网上一搜一大堆资料，当然这样的小示例也有很多，这里只是发表一些自己的想法。下面是本次示例所使用的HTML页面： View Code 1 <!D
转载
2024-07-23 20:02:18
23阅读
代码目录：主要代码实现：css样式：* { padding: 0; margin: 0;}ul { list-style: none;}.list { width: 1000px; height: 500px; margin: 150px
原创
2022-04-21 22:56:23
360阅读
在很多情况下，我们需要页面的全屏滚动，尤其是移动端。今天简要的介绍一下全屏滚动的知识。
一.全屏滚动的原理
1.js动态获取屏幕的高度。
获取屏幕的高度，设置每一屏幕的高度。
2.监听mousewheel事件。
监听mousewheel事件，并判断滚轮的方向，向上或向下滚动一屏。
总结：
可以根据需求使用fullpages实现全屏滚动（上下，左右），也可以使用jquery-mousewheel定制不同高度的全屏滚动。
原创
2021-06-07 20:57:22
581阅读
1、如果是没有CSS文件，或者要修改的不在CSS文件里，那么： document.getElementById('DIV标签的ID').style.属性='属性值'; 这样就可以了。
2、如果，样式是写好的，在CSS文件里，如：.cls{font-size:12px;text-align:left} 那么，想使用这个样式，这么写
document.getElementById('DIV标签的ID
转载
2023-06-03 22:53:18
227阅读
方法如下： function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked =
转载
2023-06-06 11:39:56
74阅读
js控制全屏及退出全屏，网上很多代码例子，我这里需求和标准的有点出入：1、当用户点击某按钮，触发iframe下的页面全屏。2、不允许用户退出全屏。解决第一点，触发全屏可以按照网上的例子，代码如下： function fullScreen(){
var elem = parent.$("iframe")[1];//重点在这里，全屏父页面的iframe
//co
转载
2023-10-03 19:08:16
378阅读
jQuery全屏滚动插件fullPage.js简介jQuery全屏滚动插件fullPage.js演示 >>>jQuery全屏滚动插件
原创
2022-07-18 11:09:05
488阅读
简介如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。fullPag...
原创
2021-07-18 09:45:21
389阅读
function FullScreen(obj){ var s = $(obj).attr("data-staus"); if(s==0){ var el = document.documentElement; $(obj).attr("data-staus","1"); var rfs = el.
原创
2020-03-24 11:22:00
240阅读
使用 JS 和 jQuery 编写简易插件JS 封装插件通用目录结构css 插件依赖的基础 css 文件js 插件核心代码文件demo.html 提供给使用者的测试用例CSS加载器的实训效果可参考 纯 CSS 实现 Loading 效果
加载器作为插件使用，需要有一个固定的父级，所以添加 dount-wrapper
.donut-wrapper {
width: calc(100% - 2px
转载
2023-07-10 18:31:16
120阅读
50行代码换5种肤色，包含透明先把代码奉上，自取自用。直接创建html文件，直接粘贴进去就能用，不能用随便骂。<
原创
2022-08-23 10:55:25
241阅读
全屏（注意大小写）：function fullScreen() { var element = document.documentElement; if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.msRequestFullscreen) {...
原创
2021-08-07 10:43:55
262阅读
