-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 701
-
[代码样式]Combo Select – jQuery可搜索下拉框插件
简介 Combo Select 是一款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式。Combo Select 能够对选项进行检索过滤,同时支持键盘控制。 浏览器兼容 IE8+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="st…- 0
- 0
- 700
-
[代码样式]hotopile JS – jQuery照片堆叠效果插件
简介 hotopile JS 是模拟照片散布堆叠在一起的 jQuery 图片插件,它能够很的制作照片墙效果。点击缩略图,照片会弹出放大,左右的箭头可以查看“上一张”、“下一张”,再次点击会返回。缩略图可以拖动,所以即使被叠在非常后面的照片也能够轻松的找到。 兼容 浏览器兼容:兼容 IE9 及以上版本和其他主流浏览器。 jQuery 兼容:兼容 1.8 及以上版本。 使用方法 1、引入文件 <…- 0
- 0
- 508
-
[代码样式]微信读书页面源码
简介 微信读书是微信基于微信关系链的官方阅读应用,为用户推荐书籍,提供良好的阅读体验,同时也可以查看微信好友的动态等。微信读书除了本身 App 做的优秀之外,其官方页面也做的与众不同,之前很多人见过比较多的全屏滚动效果都是竖屏的,比如本站也介绍了很多优秀的插件,如 fullPage.js、DD Full Screen Slider、fullPage、onepage-scroll、Scrollify…- 0
- 0
- 507
-
[代码样式]跳动的404错误页面
这是一款简单的 404 错误页面,「404」这三个数子加入了增长跳动的动画,使页面显得不那么单调。同时兼容了移动设备显示。页面为极简设计,适用于任何风格的网站。" name="跳动的404错误页面" pass="1luy" code=""][/content_hide]- 0
- 0
- 482
-
[代码样式]Viewer.js – 强大的JS/jQuery图片查看器
简介 Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择。Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事…- 0
- 0
- 453
-
[代码样式]shCircleLoader – jQuery Loading效果插件
简介 为了提高用户体验,给页面或应用加入 Loading 效果最基本最常见的方法。shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 Loading 效果。 兼容 jQuery 兼容 兼容 jQu…- 0
- 0
- 432
-
[代码样式]flipTimer – jQuery时钟翻牌效果插件
简介 时钟翻牌效果常出现在天气软件的桌面插件上,HTC 著名的 Sense UI 也曾经使用了这种效果。虽然近两年更少见了,但它不失为一种经典的 UI,如果你仍然喜欢这种效果,不妨使用 flipTimer 这个 jQuery 插件来制作吧。flipTimer 除了可以制作时钟外,还可以用于倒计时,且提供回调函数。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ S…- 0
- 0
- 426
-
[代码样式]jQuery图片滑动对比插件twentytwenty
简介 twentytwenty 和 Covering-Bad 一样,也是一款滑动对比插件,它也支持水平方向和垂直方向、支持设置前后对比区域大小。 twentytwenty 和 Covering-Bad 的实现原理类似,也是两张图片叠在一起,不同的是 Covering-Bad 是改变宽度或高度,而 twentytwenty 是使用 CSS clip:rect 进行裁切。关于 CSS clip:rec…- 0
- 0
- 408
-
[代码样式]Labelauty – jQuery单选框/复选框美化插件
下拉框美化插件经常见到,如之前介绍过的 DropKick 、Select-or-Die,而单选框/复选框美化插件就比较少见到了,今天就来介绍一款—— Labelauty。 Labelauty 基于 jQuery,是一个非常小巧的插件。它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。 使用方法 1、引入文件 <link rel=…- 0
- 0
- 386
-
[代码样式]EasyFader – jQuery轻量级响应式幻灯片插件
简介 EasyFader 是一款轻量级的响应式幻灯片插件,Gzip 压缩之后之后仅 1.5 KB。因为 EasyFader 是轻量级的,所以它并没有太多花哨的功能,但幻灯片的基本功能是一个都不少的,比如箭头控制、项目导航、切换间隔、切换动画持续时间、回调函数等。 浏览器兼容 IE9+ Edge Chrome Firefox Opera Safari 使用方法 1、引入文件 <link rel…- 0
- 0
- 383
-
[代码样式]Simple Lightbox – jQuery Lightbox插件
简介 Simple Lightbox 是一款基于 jQuery 的 Lightbox 插件,它具有以下特点: 响应式设计 触控/触摸友好 提供多项配置 图像预加载 支持 iOS / Android / Windows phone 使用 CSS3 过度效果,并回退兼容旧浏览器 支持 jQuery 1.x 和 2.x 版本 支持键盘控制 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ …- 0
- 0
- 367
-
[代码样式]scrollReveal.js – 页面滚动显示动画JS
简介 和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件。 虽然 scrollReveal.js 不依赖 …- 0
- 0
- 362
-
[代码样式]DAD – jQuery拖拽/拖放插件
简介 DAD 是一款基于 jQuery 的拖拽/拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许/禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。 浏览器兼容 IE11+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 很可惜,DAD 在 IE 中只兼容 IE11 版本,在 Opera 中也只支持 Webkit 内核版本…- 0
- 0
- 331
-
[代码样式]Zoomify – jQuery缩放效果lightbox插件
简介 Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多数需求。 浏览器兼容 IE10+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" href=&q…- 0
- 0
- 319
-
[代码样式]Intro.js – 为您的网站提供更好的用户指引
今年腾讯首页和新浪首页相继改版,为了让用户更好的适应新版,都加入用户指引(或叫用户帮助)。如果你也想在自己的网页加入用户指引,那就是试试 Intro.js 吧,它能够很轻松的制作出类似腾讯首页用户指引的效果。 注意:Intro.js 目前兼容 Firefox、Chrome 和 IE8,不兼容 IE6 和 IE7,后续版本将会提供更好的兼容。 使用方法 引入文件 <link rel="…- 0
- 0
- 319
-
[代码样式]Waterbubble – jQuery水球图插件
简介 Waterbubble 是一款基于 jQuery 和 Canvas 实现的动态水球图插件,你可以使用它来显示各种进度情况。 浏览器兼容 IE9+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"…- 0
- 0
- 301
-
[代码样式]vTicker – jQuery垂直滚动插件
简介 vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB。vTicker 支持自定义滚动时间、间隔时间、显示个数、滚动方向(向上/向下)、容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签。不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便。 浏览器兼容 IE6+ ✔ Chrome ✔ …- 0
- 0
- 296
-
[代码样式]jQuery图片文字无间断滚动插件YLMarquee
YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件,该插件可以轻松实现图片或文字向左或向右滚动,可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低,兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min…- 0
- 0
- 283
-
-
[代码样式]jQuery内容展开折叠插件Collapse
Collapse 是一款用于内容展开折叠的轻量级插件,并且还带有动画和手风琴效果。Collapse 提供了多种接口,如:自定义展开折叠时间、绑定 CSS3 动画效果、自定义标签、事件绑定、默认展开等。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> &l…- 0
- 0
- 283
-
[代码样式]DD Full Screen Slider – jQuery全屏滚动插件
简介 DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滚动插件,正因为基于前面两个文件,所以它比较小,不压缩也不到 10KB。DD Full Screen Slider 有一下特点: 支持桌面和移动设备 多种方式切换:鼠标滚轮、鼠标拖拽、圆点导航、键盘方向键 支持锚点/哈希 在不支持 CSS3 动画的浏览器中自动回滚使用 j…- 0
- 0
- 276
-
[代码样式]Simpler Sidebar – jQuery侧边栏插件
简介 Simpler Sidebar 是一款基于 jQuery 的侧边栏插件,和 SidebarJS 类似。Simpler Sidebar 可以设置侧边栏的位置(左边或右边)、宽度,同时还可以设置是否显示遮罩以及遮罩的透明度。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="http…- 0
- 0
- 275
-
[代码样式]小巧的jQuery区域范围滑块插件noUiSlider
区域范围滑块在 Windows 系统中很常见,如更改分辨率(Windows XP 为横向,Windows 7 为纵向)。在 HTML5 中,input 也新增了一个类似这种效果的 type 属性 range,这种滑块能给用户提供更好的体验,然而古老的 IE6、IE7 和 IE8 等并不支持。如果希望在 IE 中使用这种效果,那么 noUiSlider 也许可以帮到你。 noUiSlider 是一款…- 0
- 0
- 263