jQuery遮罩很容易实现,遮罩弹出后最好是要禁止页面滚动。 下面就写一个简单的遮罩,和禁止页面滚动的实例。... filter: alpha(opacity=60); //IE透明度 opacity:0.5; //Chrome -moz-opacity:0.5; //fireFox } jQuery...: #禁止浏览器滚动条滚动: $('body').css({ "overflow":"hidden" }); #还原滚动: $('body').css({ "overflow":...function(){ $('html,body').removeClass('ovfHiden'); //使网页恢复可滚 }) 声明:本文由w3h5原创,转载请注明出处:《jQuery遮罩(Mask...)及弹窗时禁止页面滚动实现》 https://www.w3h5.com/post/379.html (adsbygoogle = window.adsbygoogle || []).push
放屁绝对不是一个很高雅的行为,但是如果你比较喜欢恶搞,或者在愚人节,或者是一些比较特殊的网页设计中,可以通过 fartscroll.js 这个插件让你的网页在滚动的过程中 放屁。...直接打开 fatscroll.js 的官方页面(http://theonion.github.io/fartscroll.js/),滚动一下,你就可以听到了放屁声音了,你滚动的距离和速度不同,放屁的声音也不同...使用方法也很简单,先下载插件包,解压出来之后,在网页中引入 fartscroll.min.js 这个文件,然后配置下面的参数等,启用这个插件: // 在文档中滚动 400 像素就放屁 $(document...).fartscroll(); // 文档中每滚动 800 像素就放屁 $(document).fartscroll(800); // 网页中没滚动 100 像素就放屁 $("body").fartscroll...(100); // 很多很多的屁 $("body").fartscroll(5); 仅供娱乐和恶搞哈,相信应该没有太多人喜欢在访问你网页的时候,听到你网页在放屁哈哈。
ParamQuery是一种轻量级的jQuery网格插件,基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建,能够在网页上展示各种类似于Excel和Google...使用ParamQuery,开发者可以轻松地实现以下特性: 排序 分页浏览 可以调整数据栏的大小 可以调整表格的高度和宽度 自定义主题 隐藏或显示列 像Excel那样冻结任意多列 显示任意数据源格式...,像HTML、数组、XML、JSON等 可以用于任意服务端框架,像ASP.NET、MVC3、JSP、JSF、PHP等等 虚拟滚动和渲染 直接编辑单元格 在所有主流浏览器(IE 6+、Firefox...、Chrome、Opera等等)上拥有一致的外观和功能 …… 在ParamQuery的网站上对各种各样的特性都做了示例展示,你可以浏览各种效果,以确定它是否能够满足你的具体需要。...原文地址:轻量级jQuery网格插件——ParamQuery An Example to Use jQuery Grid Plugin in MVC - Part 1
51系列单片机具有以下标准功能: 8k字节Flash,512字节RAM, 32位I/O口线,看门狗定时器, 内置4KB EEPROM, MAX810复位电路, 三个16位定时器/计数器, 一个6向量2级中断结构...另外, 51系列在空闲模式下,CPU停止工作,允许RAM、定时器/计数器、串口、中断继续工作。掉电保护方式下,RAM内容被保存,振荡器被冻结,单片机停止工作,直到下一个中断或硬件复位为止。...本设计由C语言编写,全部代码如下: /* *单只按键控制单只数码管滚动显示* */ #include typedef unsigned char uint8; typedef unsigned
如下图1所示,无论你拖动右侧的垂直滚动条,还是右下侧的水平滚动条,工作表总是显示这部分单元格区域,即使你使用光标移动单元格到该区域外,也看不到其他区域的内容。 ?...单击功能区“视图”选项卡中的“冻结窗格”按钮,可以看到最上部是“取消冻结窗格”命令,如下图2所示,表明该工作表已经使用了“冻结窗格”。 ?...图2 因为我们是在现在看到的单元格区域下方设置的冻结窗格,所以在工作表100%显示时,并不能看到。...我们尝试着将工作表显示比例缩小,例如50%,就可以很明显地看到了,如下图3所示,应该是在第46行设置的冻结窗格。 ? 图3 这是一个技巧。...缩小工作表缩放比例,在合适的位置设置冻结窗格,然后恢复工作表缩放比例为100%,这样用户就只能看到屏幕上的工作表显示区域了。 灵活运用Excel最普通的功能,可以达到很好的效果!
在代码中,你可以重置行首或列首的大小,不仅仅局限于数据区域的行或列。你也可以使用Resizable属性覆盖默认的行为,阻止用户改变大小。...例如: fpSpread1.Sheets(0).Columns(1,5).Remove() 设置固定的(冻结的)行或列 你可以冻结表单中的行或列(使其不可滚动)。...无论鼠标如何滚动,冻结的前导行或前导列都会在视图的顶部或最左端显示。无论鼠标如何滚动,冻结的尾行或尾列都会在视图的底部或最右端显示。 下列图表显示了一个冻结的尾列和尾行在视图中的显示位置。 ?...有关冻结行和列的属性包括: FrozenRowCount FrozenColumnCount FrozenTrailingColumnCount FrozenTrailingRowCount 冻结的行或列在运行时是不可以滚动的...,但是在设计时,它们是可以滚动的。
解释 setTimeout() setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。...clearTimeout(),clearInterval() setTimeout和setInterval函数,都返回一个表示计数器编号的整数值,将该整数传入clearTimeout和clearInterval...上面是实现的思路,下面写出具体的代码,下面的代码是JS原生代码,最后会附上JQuery实现的代码,思路都一样。 body { background-color: #000; /*防止出现向下滚动条...简单说,意思就是用了这个定时器,能把两次修改样式的代码分开执行,可以先把第一次修改的样式渲染后,在进行第二次的修改,雪花就会动了。 JQuery版 <!
5行上下分格 With ActiveWindow .SplitRow = 5 .SplitColumn = 0 End With '拆分活动窗口中的活动工作表在第4列左右分格 With...'在第2行冻结活动窗口中的活动工作表 '即第1行和第2行被冻结 With ActiveWindow .SplitRow = 2 .SplitColumn = 0 .FreezePanes...= True End With '当滚动工作表时第1行和第2行保持可见 '在第1列冻结活动窗口中的活动工作表 '即第1列被冻结 With ActiveWindow .SplitRow = 0...= 2 .SplitColumn = 1 .FreezePanes = True End With 当冻结活动窗口的拆分窗格后,在滚动工作表时被冻结的列和行将保持可见。...被冻结的列和行是被冻结的区域。
独立看门狗 独立看门狗是基于一个12位的递减计数器和一个8位的预分频器。他有一个内部独立的40KHz的RC振荡器提供时钟;因为这个RC振荡器独立于主时钟,所以他可运行于停机和待机模式。...它可以被当成看门狗用于在发生问题时复位整个系统,或作为一个自由定时器为应用程序提供超时管理。通过选项字节可以配置成是软件或硬件启动看门狗。在调试模式下,计数器可以被冻结。...窗口看门狗 窗口看门狗有一个7位递减计数器,并可以设置成自由运行。 它可以被当成看门狗用于发生问题时复位整个系统。 他由主时钟驱动,具有早期预警中断功能;在调试模式下,计数器可以被冻结。...系统时基定时器(滴答定时器) 这个定时器是专门用于实时操作系统,也可当成一个标准的递减定时器。 它具有以下特性; 24位递减计数器 自动重加载功能 当计数器为0时,能产生一个可屏蔽系统中断。
02 - jQuery 学习目标: 能够操作 jQuery 属性 能够操作 jQuery 元素 能够操作 jQuery 元素尺寸、位置 1.1. jQuery 属性操作 jQuery 常用属性操作有三种...(该方法也可以获取 H5 自定义属性) 1.1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放的数据都将被移除。...2.文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。 代码实现略。(详情参考源代码) 1.3.3....案例: 品优购电梯导航(上) 1.当我们滚动到 今日推荐 模块,就让电梯导航显示出来 2.点击电梯导航页面可以滚动到相应内容区域 3.核心算法:因为电梯导航模块和内容区模块一一对应的 4.当我们点击电梯导航某个小模块...3.触发的事件是页面滚动,因此这个功能要写到页面滚动事件里面。 4.需要用到each,遍历内容区域大模块。
PictureBox控件,快速录入功能时为DataGridView、TextBox、Label等多个控件组合,日期录入时为日期控件。...手动输入网址时,如果是非离线文件html地址,需要带上http开头,最好在浏览器上复制过来的网址,不必手动输入。 ? 同样地插入后的网页,不能类似普通图片那样轻松选择调整大小删除移动位置。...关于冻结单元格区域,这里简单说明下,在不作冻结的默认情况下,鼠标滚动操作是对Excel工作表的单元格区域右侧滚动条的滚动操作。...而当需要保留到网页控件中当前网页的鼠标滚轮的激发操作如普通网页有右侧滚动条时,会滚动网页位置和特殊的网页如EasyShu生成的ECharts图表网页,滚动操作有放大缩小矢量地图的作用。...此时选择上下文菜单第一项【冻结单元格区域】,即可屏蔽Excel的鼠标滚动操作,让网页的滚动生效,同样地第二项的【取消冻结单元格区域】,即恢复Excel默认效果。
,它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持,并且在滚动的过程中,还可以缓冲滚动使得滚动更加的平滑,还可以自动调整滚动条的位置和定义滚动到的位置等...其中以下的四个文件时必须要上传到服务器上: jquery.mCustomScrollbar.js jquery.mousewheel.min.js jquery.mCustomScrollbar.css...jquery.mCustomScrollbar.js:这是我们的插件主文件。在插件包的 minified 你可以找到它的压缩版。...:{ scrollType:String }:滚动按钮滚动类型 值:"continuous"(当你点击滚动控制按钮时断断续续滚动) "pixels"(根据每次点击的像素数来滚动) 点击这里可以看到形象的例子...:{ onScrollStart:function(){} }:使用自定义的回调函数在滚动时间开始的时候执行 具体请看Demo callbacks:{ onScroll:function(){} }:自定义回调函数在滚动中执行
在我们jquery-easyui-1.3.5/demo/datagrid/datagrid_data1.json ?...', //水平自动展开,如果设置此属性,则不会有水平滚动条,演示冻结列时,该参数不要设置 fitColumns: true, //...,更新的时候有用,如果配置此字段,在翻页时,换页不会影响选中的项 idField: 'id', //上方工具条 添加 修改 删除 刷新按钮...() { alert("刷新"); } }], //同列属性,但是这些列将会冻结在左侧...,z大小不会改变,当宽度大于250时,会显示滚动条,但是冻结的列不在滚动条内 frozenColumns:[[ {field:'checkbox'
在Excel工作表操作时,养成一些好的操作习惯,不仅方便自已,也方便他人。下面介绍两个,看大家有没有同感。...使用冻结窗格以增强可读性 经常看到有人在操作工作表时,反复查看顶部的标题和下面单元格中相对应的数据,耗时费力。其实,只要运用冻结窗格功能,不管往下或向右查看哪里的数据,我们都能看到顶部/左侧的内容。...图1 “冻结窗格”是人们很容易忽视的一个功能,但有时却很有用,特别是工作表中含有大量的数据时。...选择要冻结的行或列所在下方或右侧的单元格,单击功能区“视图”选项卡“窗口”组中的“冻结窗格”下拉按钮,选择相应的命令来冻结窗格。 ?...对于查看者来说,这样会带来不便,因为通常需要使用光标或拖动两侧滚动条移到工作表单元格首行或首列。 为何不在保存并关闭工作簿前将活动单元格置于所在工作表的单元格A1中呢?
在现在大多数的网站开发中,都有很多动画效果。 有些动画是页面一加载就要的,还有一些动画是需要页面滚动到那个元素才要展示的。...滚动到要实现动画的元素时(is-inactive): 其实和上面的意思一样: 在未滚动到该元素时,显示假位置。...当滚动到该元素时,去掉class:is-inactive 而监听滚动事件和判断是否去掉class:is-inactive 使用的是jquery.scrollwx.js插件 二、使用方法 要使用这个..." src="js/jquery.scrollex.js"> 调用插件 在页面DOM元素加载完毕之后,你可以通过scrollex()方法来初始化插件。...· terminate:当unscrollex()方法在某个元素上调用时触发,它的作用是撤销前一个scrollex()调用。 · scroll:在某个元素滚动通过视口时触发。
– jQuery鼠标滚轮滚动侦测插件 13.2 瀑布流 Masonry Isotope – Filter & sort magical layouts 13.3 图片懒加载/加载监听 imagesLoaded...Responsive Nav – 响应式导航 13.9 滚动侦测(ScrollSpy) jquery-scrollspy(1) jquery-scrollspy(2) Waypoints 13.10...滚动加载更多 jScroll 13.11 平滑滚动插件(Smooth Scroll) jquery-smooth-scroll jquery.scrollTo – 平滑滚动到页面指定位置 13.12 全屏滚动...pagePiling.js – 全屏滚动效果 13.13 分屏滚动 multiscroll.js – 分屏滚动效果 13.14 转场效果 Animsition – 页面切换时的过渡效果 13.15 固定元素...13.17 拖拽组件 Draggabilly – 专注于拖拽功能的 JS 库 13.18 隐藏或展示页面元素 Headroom.js – 在不需要页头时将其隐藏 Readmore.js – 内容显示与隐藏插件
如果你要制作一个全屏的网页,使用这个插件在合适不过,如QQ浏览器官方网站 直接下载 使用方法 1.引入fullpage.css文件 3.初始化...moveSlideLeft() slide 向左滚动 setAutoScrolling() 设置页面滚动方式,设置为 true 时自动滚动 setAllowScrolling() 添加或删除鼠标滚轮/...@1.12.4/dist/jquery.min.js"> --> <script type="text
本文实例讲述了PHPExcel冻结(锁定)表头的简单实现方法。...分享给大家供大家参考,具体如下: PHPExcel是一款功能比较强大的操作微软excel的PHP插件,在/【一个开发人员,能懂服务器量好,反之一个服务器维护人员,也应该懂开发】/导出数据时为了方便查看,...有时需要锁定表头,也就是在滚动查看数据时,表头始终出现在视野中,而不会消失。...PHPExcel(); $objPHPExcel->setActiveSheetIndex(0); $objPHPExcel->getActiveSheet()->freezePane('A2'); 上面代码就是冻结表格的第一行...,可能大家会对这个方法有些疑惑,为什么这样就是冻结第一行,下面这张图解释了原理 图画的丑了点,大家能看懂就好 希望本文所述对大家PHP程序设计有所帮助
高度 示例代码: '修改活动窗口中公式栏的高度 Application.FormulaBarHeight= 3 '默认高度是1 滚动条 隐藏和取消隐藏滚动条 示例代码: '隐藏和取消隐藏所有打开的工作簿中的滚动条...如果活动窗口被拆分成窗格且没有冻结,那么ScrollRow和ScrollColumn属性引用第1个窗格,即窗口左上方的窗格(如果拆分成4个窗格的话),或者窗口左侧或上方的窗格(如果拆分成2个窗格的话)。...如果要指定滚动的窗格,可以使用类似下面的语句,例如,在第2个窗格中滚动到距离最左侧列10列: ActiveWindow.Panes(2).ScrollColumn= 10 如果拆分的窗格被冻结,那么ScrollRow...和ScrollColumn属性将把冻结的区域排除在外,仅影响没有被冻结的区域。...设置滚动区域 示例代码: '设置工作表的滚动区域 '限制在单元格区域C5:J30 ActiveSheet.ScrollArea= "C5:J30" 但是,用户仍然能够通过在名称框中输入单元格地址来访问不在滚动区域中的任何单元格
CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件,它能很方便的制作出全屏网站,github地址。 主要功能有: 支持鼠标滚动。 支持前后退和键盘控制。...窗口缩放时自动调整。 可设置滚动宽度,背景颜色,滚动速度,循环选项,回调,文本对齐方式等。...function () { $('#dowebok').fullpage(); }); 3. fullpage的初始化的设置 在初始化全屏插件的时候...向左滚动 setAutoScrolling() 设置页面滚动方式,设置为 true 时自动滚动 setAllowScrolling() 添加或删除鼠标滚轮/触控板控制 setKeyboardScrolling
领取专属 10元无门槛券
手把手带您无忧上云