左右滑块的箭头的背景颜色 loopBottom (true/false)滚动到最底部后是否滚回顶部 loopTop (true/false)滚动到最顶部后是否滚底部 loopHorizontal (true...() 添加或删除鼠标滚轮/触控板控制 setKeyboardScrolling() 添加或删除键盘方向键控制 setScrollingSpeed() 定义以毫秒为单位的滚动速度 6.回调函数 --...-- afterLoad () 滚动到某一屏后的回调函数，接收 anchorLink 和 index 两个参数，anchorLink 是锚链接的名称，index 为序号，从1开始计算 onLeave...() 滚动前的回调函数，接收 index、nextIndex 和 direction 3个参数：index 是离开的“页面”的序号，从1开始计算；nextIndex 是滚动到的“页面”的序号，从1开始计算...afterRender 页面结构生成后的回调函数，或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink
360浏览器 fullpage的使用 fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。...fullpage是jquery插件 引入fullpage的js文件 页面结构 编写js代码 使用键盘方向键导航，默认true navigation 是否显示导航，默认为false，设置为true，会显示小圆点，作为导航 navigationPositon...,diretion) 当我们离开一个section时，会触发这个函数，index是离开的页面的序号，从1开始计算。...) 页面滚动到某一个幻灯片的时候会触发这个回调函数 afterSlideLeave(anchor,index,slideIndex, diretion,nextSlideIndex) 当离开某一个幻灯片的时候会触发一次这个回调函数
我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...2. fullpage.js的使用 2.1 兼容性 fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。...字符串 #fff 左右滑块的箭头的背景颜色 loopBottom 布尔值 false 滚动到最底部后是否滚回顶部 loopTop 布尔值 false 滚动到最顶部后是否滚底部 loopHorizontal...direction 3个参数：index 是离开的“页面”的序号，从1开始计算； nextIndex 是滚动到的“页面”的序号，从1开始计算； direction 判断往上滚动还是往下滚动，值是 up...afterRender 页面结构生成后的回调函数，或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink
” mouseenter（）/mouseleave()：鼠标移入“所选元素”才会触发，如果鼠标移入所选元素的后代时，不会触发（增加阻止事件冒泡功能） 键盘按下时触发的事件 2 keyup 键盘松开一瞬间触发的事件 3 keypress 键盘按下松开整个过程触发的事件 //keydown（）和keypress...（）当调整窗口大小时触发的事件 //小案例（当滚动到一定高度出现搜索菜单） .bar{ width: 100%; height: 50px; background... 获取显示器屏幕位置的坐标 //整个屏幕的高度 不会随着滚动条变化而变化 //clientX/clientY 获取相当于页面视口的坐标 //除去上下窗口 不会随着滚动条变化而变化...event.which将event.keyCode 和 event.charCode标准化了。推荐用event.which来监视键盘输入。
,Maxthon选项→保存) Ctrl+小键盘'+' 功能：当前页面放大20% Ctrl+小键盘'-' 功能：当前页面缩小20% Ctrl+小键盘'*' 功能：恢复当前页面的缩放为原始大小 Ctrl+Alt...+S 功能：自动保存当前页面所有内容到指定文件夹(保存路径可更改,Maxthon选项→保存) Ctrl+Shift+小键盘'+' 功能：所有页面放大20% Ctrl+Shift+小键盘'-' 功能：所有页面缩小...NUMLOCK+数字键盘的减号(-)折叠所选的文件夹 NUMLOCK+数字键盘的加号(+)显示所选文件夹的内容 NUMLOCK+数字键盘的星号(*)显示所选文件夹的所有子文件夹 向左键当前所选项处于展开状态时折叠该项...，或选定其父文件夹 向右键当前所选项处于折叠状态时展开该项，或选定第一个子文件夹 自然键盘使用命令 【窗口】显示或隐藏“开始”菜单 【窗口】+F1帮助 【窗口】+D显示桌面 【窗口】+R打开“运行” 【...其它 ctrl+-（shift+ctrl+-）：移动光标到上次位置或相反，比如定位一个函数，转到函数定义后想回到函数使用处，则用ctrl+-，若又想回到函数定义处则可以按shift+ctrl+- F12
前言 jQuery 是一个轻量级的”写的少，做的多”的 JavaScript 库。...AJAX Utilities 环境准备 在网页中使用 jQuery 可以使用以下方法： 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载...可以将 jQuery 代码位于一个 $(document).ready() 函数中 $(document).ready(function(){ // 执行代码 alert...}); JavaScript 入口函数: window.onload = function () { // 执行代码 } jQuery 入口函数与 JavaScript 入口函数的区别： jQuery...的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
Ctrl + – = 让光标移动到它先前的位置 Ctrl ++ = 让光标移动到下一个位置 F12 = 转到定义 8.4、调试相关的键盘快捷键 Ctrl + Alt + P = 附加到进程 F10 =...其它 ctrl±（shift+ctrl±）：移动光标到上次位置或相反，比如定位一个函数，转到函数定义后想回到函数使用处，则用ctrl±，若又想回到函数定义处则可以按shift+ctrl± F12：Go...,Maxthon选项→保存) Ctrl+小键盘’+’ 功能：当前页面放大20% Ctrl+小键盘’-’ 功能：当前页面缩小20% Ctrl+小键盘’*’ 功能：恢复当前页面的缩放为原始大小 Ctrl...HOME显示当前窗口的顶端 NUMLOCK+数字键盘的减号(-)折叠所选的文件夹 NUMLOCK+数字键盘的加号(+)显示所选文件夹的内容 NUMLOCK+数字键盘的星号(*)显示所选文件夹的所有子文件夹...向左键当前所选项处于展开状态时折叠该项，或选定其父文件夹 向右键当前所选项处于折叠状态时展开该项，或选定第一个子文件夹 自然键盘使用命令 【窗口】显示或隐藏“开始”菜单 【窗口】+F1帮助
jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。...使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。...jQuery使用同一个函数，来完成取值(getter)和赋值(setter)。到底是取值还是赋值，由函数的参数决定。...（长时间按键，只返回一个事件） 10 .keypress() 按下键盘（长时间按键，将返回多个事件） 11 .keyup() 松开键盘 12 .load() 元素加载完毕 13 .mousedown...依次运行多个函数 26 .unload() 用户离开页面 以上这些事件在jQuery内部，都是.bind()的便捷方式。
工具类函数 本章先介绍浏览器检测函数，然后，介绍jQuery各类测试类型函数的使用方法，同时，还介绍了字符串、URL操作函数的使用技巧，最后，介绍了使用$.extend()方法扩展工具函数和Object...表示的dom对象转换为jquery对象，这样就可以使用jquery提供的方法操作 声明一个叫$this的jquery对象变量， 给声明的变量赋值，赋的值是将this的HTML元素转换为jQuery对象。...，将指定的字段名内容显示在页面中。...元素包含的图片元素，当在图片元素中移动鼠标时，在图片的右边，将显示放大后的所选区域效果，如下图所示： cookie插件——cookie 使用cookie插件后，可以很方便地通过cookie对象保存、...3-5选项卡插件——tabs 使用选项卡插件可以将中的选项定义为选项标题，在标题中，再使用元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).
Insert） 粘贴选择的项目 Ctrl+Z 撤消操作 Ctrl+Y 重新执行某项操作 Delete（或 Ctrl+D） 删除所选项目并将其移动到“回收站” Shift+Delete 不先将所选项目移动到...顺时针旋转图片 Ctrl+逗号 (,) 逆时针旋转图片 Num Lock+数字键盘上的星号 (*) 显示所选文件夹下的所有子文件夹 Num Lock+数字键盘上的加号 (+) 显示所选文件夹的内容 Num...将光标移动到下一行 Ctrl+Home 移动到文档的开头 Ctrl+End 移动到文档的结尾 Ctrl+Page Up 向上移动一个页面 Ctrl+Page Down 向下移动一个页面 Ctrl+Delete...按钮 D 在统计信息模式下按 CAD 按钮 在 Windows 日记中的快捷键 Ctrl+N 开始新的便笺 Ctrl+O 打开最近使用的便笺 Ctrl+S 将更改保存到便笺 Ctrl+Shift+V 将便笺移动到特定的文件夹...显示“选项”菜单 Alt+向左键 返回先前查看过的主题 Alt+向右键 向前移动到下一个（先前已查看过的）主题 Alt+A 显示客户支持页面 Alt+Home 显示帮助和支持主页 Home 移动到主题的开头
Mac 常用键盘快捷键 您可以按下某些组合键来实现通常需要鼠标、触控板或其他输入设备才能完成的操作。 ? 要使用键盘快捷键，请按住一个或多个修饰键，然后按快捷键的最后一个键。...Option-Command-V：移动：将剪贴板中的文件从原始位置移动到当前位置。 Command-Y：使用“快速查看”预览所选文件。...按住 Command 键点按窗口标题：查看包含当前文件夹的文件夹。 了解如何使用 Command 或 Shift 在“访达”中选择多个项目。...Fn–左箭头：Home：滚动到文稿开头。 Fn–右箭头：End：滚动到文稿末尾。 Command–上箭头：将插入点移至文稿开头。 Command–下箭头：将插入点移至文稿末尾。...Shift-Command-P：页面设置：显示用于选择文稿设置的窗口。 Shift-Command-S：显示“存储为”对话框或复制当前文稿。 Shift-Command-减号 (-)：缩小所选项。
+ 向左键 将光标移动到上一个字词的起始处 Ctrl + 向下键 将光标移动到下一个段落的起始处 Ctrl + 向上键 将光标移动到上一个段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间切换...打开“历史记录”窗格 Ctrl + P 打印当前页面 Ctrl + F 在页面上查找 Alt + C 打开 Cortana注意：Cortana 仅在特定的国家/地区中提供，并且某些 Cortana 功能可能不支持随时随地使用...(=) 使所选文本成为上标 Ctrl + Shift + 大于号 (>) 增加字体大小 Ctrl + Shift + 小于号 (<) 减小字体大小 Ctrl + Shift + A 将字符更改为全部使用大写字母...将光标移动到下一行 Ctrl + Home 移动到文档的开头 Ctrl + End 移动到文档的末尾 Ctrl + Page Up 向上移动一个页面 Ctrl + Page Down 向下移动一个页面...扫描模式键盘命令 快捷键 功能 向上键和向下键 移动到应用或网页中的下一行或上一行文本 向右键和向左键 移动到应用或网页中的下一个或上一个字符 空格键 激活要使用的项目，如按钮或文本框 Enter
前言 在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔 JQuery基本介绍和使用方法 W3C 标准给我们提供了⼀系列的函数, 让我们可以操作: ⽹⻚内容 ⽹⻚结构 ⽹⻚样式...说明 text() 设置或返回所选元素的文本内容 html() 设置或返回所选元素的内容（包括 HTML 标签） val() 设置或返回表单字段的值 **这三个⽅法即可以获取元素的内容,⼜可以设置元素的内容...这是最常用的方法之一，特别是在动态更新页面内容时。....text("新的文本内容"); // 此时，页面上的 #elementId 元素的文本内容会变为 "新的文本内容" html(): 用于获取或设置所选元素的HTML内容。...，适合处理键盘事件。
+Insert) 粘贴选择的项目 Ctrl+Z 撤消操作 Ctrl+Y 重新执行某项操作 Delete(或 Ctrl+D) 删除所选项目并将其移动到“回收站” Shift+Delete 不先将所选项目移动到...Num Lock+数字键盘上的加号 (+) 显示所选文件夹的内容 Num Lock+数字键盘上的减号 (-) 折叠选定的文件夹 向左键 折叠当前选项(如果它处于展开状态)，或者选择其父文件夹 Alt+...将光标移动到下一行 Ctrl+Home 移动到文档的开头 Ctrl+End 移动到文档的结尾 Ctrl+Page Up 向上移动一个页面 Ctrl+Page Down 向下移动一个页面 Ctrl+Delete...按钮 D 在统计信息模式下按 CAD 按钮 在 Win日记中的快捷键 Ctrl+N 开始新的便笺 Ctrl+O 打开最近使用的便笺 Ctrl+S 将更改保存到便笺 Ctrl+Shift+V 将便笺移动到特定的文件夹...显示“选项”菜单 Alt+向左键 返回先前查看过的主题 Alt+向右键 向前移动到下一个(先前已查看过的)主题 Alt+A 显示客户支持页面 Alt+Home 显示帮助和支持主页 Home 移动到主题的开头
一、引入jQuery 要使用jQuery，首先需要将其引入到HTML页面中。...确保将其放在标签或页面内容的顶部。二、基本语法 jQuery使用CSS选择器来选择HTML元素，并提供了一组方法来操作所选元素。...基本语法如下：$(selector).method();其中，$符号是jQuery的别名，用于访问jQuery库中的函数和方法。...元素选择器 使用元素名称来选择特定的HTML元素。$("p").hide();上述代码将隐藏所有标签的元素。属性选择器 使用方括号[]来选择具有特定属性的元素。...事件处理方法 使用on()方法可以附加事件处理程序到元素上，用于处理鼠标点击、键盘按下等事件。
jQuery是目前使用最广泛的javascript函数库。 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。...这是它区别于其他Javascript库的根本特点。 使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。...它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。...) 按下键盘（长时间按键，将返回多个事件） .keyup() 松开键盘 .load() 元素加载完毕 .mousedown() 按下鼠标 .mouseenter() 鼠标进入（进入子元素不触发...unload() 用户离开页面 以上这些事件在jQuery内部，都是.bind()的便捷方式。
❝「仅为抛砖，希望看完这个系列的同学可以相互探讨学习一下」 ❞ 为什么使用源码 目前，我们大多数页面，包括搜索页、频道页都是大黄蜂搭建的页面。至于搭建的优点，这里就不多赘述了。...而我们使用源码编写，主要是基于以下几点思考： 稳定性要求高 页面模块多而不定 快速回滚方案 模块通信复杂 源码架构 ? 架构图 ❝架构图需要调整。...但是尴尬至于在于，iOS 的橡皮筋想过，在页面滚动到顶部以后，如果页面有频繁的动画或者 setState 的时候，会导致页面重绘，重新回到顶部。...与手动下拉页面容器的橡皮筋效果冲突，而「倒是页面疯狂抖动」。所以。。。。重构。 旧版容器功能点 ❝源码页面中使用的部分 ❞ ? 重构后的使用 ❝基本没有太大改变 ❞ ?...img 推荐使用 simpleSource、customStateManage 页面模板地址：add-page pmc add-mod 根据所选择页面，初始化不同类型的模块 模块模板地址为：add-mod
要使用键盘快捷键，请按住一个或多个修饰键，同时按快捷键的最后一个键。例如，要使用快捷键 Command-C（拷贝），请按住 Command 键并按 C 键，然后同时松开这两个键。...Mac 菜单和键盘通常使用 [某些按键的符号]，其中包括以下修饰键： Command ⌘ Shift ⇧ Option ⌥ Control ⌃ Caps Lock ⇪ Fn 如果您使用的是...也可以使用 Fn-Delete。 Fn-Delete 在没有向前删除 ? 键的键盘上向前删除。也可以使用 Control-D。...Fn–左箭头 开头：滚动到文稿开头。 Fn–右箭头 结尾：滚动到文稿末尾。 Command–上箭头 将插入点移至文稿开头。 Command–下箭头 将插入点移至文稿末尾。...Command-点按窗口标题 查看包含当前文件夹的文件夹。
一、事件概述 事件的基本概念 上一章我们讲解了使用jQuery选择器获取元素，并通过一些方法来操作元素，本章我们讲解事件的概念，通过事件我们可以加强用户与浏览器的交互性，例如可以实现当用户点击某个元素的时候...事件的分类 事件主要可以分为以下几类： 鼠标事件 键盘事件 文档事件 表单事件 触摸事件 自定义事件 本章我们主要讲解鼠标事件。...二、鼠标单击事件 我们先来将最常用的鼠标单击事件click，jQuery的基本语法如下所示： 1 $("selector").click(function(){ 2 //事件触发执行的代码 3...，也就是img标签，当我们点击img标签的时候，使用attr方法将其src属性设置成另一张了图片的地址，这样就实现了图片的切换。...鼠标移动获取坐标 鼠标在元素上移动的时候也会触发事件，下面我们来实现一个功能，当鼠标移动到一个div的时候，获取鼠标在网页页面上的坐标,代码如下所示： 1 <！
云服务器
ICP备案
云直播
腾讯会议
实时音视频
