-
-
[代码样式]Pogo Slider – jQuery幻灯片插件
简介 Pogo Slider 是一款 jQuery 幻灯片插件,它最大的特点就是提供 20 多种过度效果,你可以统一或分别设置。同时它也有其他常见幻灯片的功能,如自动播放、箭头控制、原点导航控制、进度条等等。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 注:可通过处理兼容 IE7 – IE9,虽然没有绚丽的动画过度效果,但可正常使用。 使用方…- 0
- 0
- 256
-
[代码样式]DAD – jQuery拖拽/拖放插件
简介 DAD 是一款基于 jQuery 的拖拽/拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许/禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。 浏览器兼容 IE11+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 很可惜,DAD 在 IE 中只兼容 IE11 版本,在 Opera 中也只支持 Webkit 内核版本…- 0
- 0
- 345
-
[代码样式]evenZoom – jQuery放大镜插件
简介 evenZoom 是一款简单易用的 jQuery 插件,它能够在图片内创建一个放大镜效果,使用户更好的查看图片。 浏览器兼容 IE11+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/eve…- 0
- 0
- 124
-
[代码样式]flipTimer – jQuery时钟翻牌效果插件
简介 时钟翻牌效果常出现在天气软件的桌面插件上,HTC 著名的 Sense UI 也曾经使用了这种效果。虽然近两年更少见了,但它不失为一种经典的 UI,如果你仍然喜欢这种效果,不妨使用 flipTimer 这个 jQuery 插件来制作吧。flipTimer 除了可以制作时钟外,还可以用于倒计时,且提供回调函数。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ S…- 0
- 0
- 456
-
[代码样式]Ion.Calendar – jQuery日期/日历选择器插件
简介 Ion.Calendar 是一款基于 jQuery 和 Moment.js 的日期/日历选择器插件,功能上和常见的同类插件一样,因为是基于 Moment.js 的,所以支持多种日期格式。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" href=&…- 0
- 0
- 207
-
[代码样式]Simpler Sidebar – jQuery侧边栏插件
简介 Simpler Sidebar 是一款基于 jQuery 的侧边栏插件,和 SidebarJS 类似。Simpler Sidebar 可以设置侧边栏的位置(左边或右边)、宽度,同时还可以设置是否显示遮罩以及遮罩的透明度。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="http…- 0
- 0
- 285
-
[代码样式]jQuery.toTop – jQuery返回顶部插件
简介 jQuery.toTop 是一款轻量级的 jQuery 返回顶部插件,压缩后不到 1KB。同时它也是可定制的,你可以设置是否自动隐藏、滚动时间、位置等等。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="https://www.dowebok.com/jsjquery.min.…- 0
- 0
- 130
-
[代码样式]Ideal Image Slider – 简单的纯JS幻灯片
简介 Ideal Image Slider 是一个简单的纯 JavaScript 幻灯片,它没有过多复杂臃肿的东西,正因这样,所以又很容易为其添加扩展。官方也提供了 2 个扩展,一个用于添加项目导航,另一个用于添加标题或描述。 Ideal Image Slider 有以下特点: 使用 HTML5 结构,对搜索引擎友好 使用 CSS3 启用硬件加速 支持键盘方向键导航 响应式,适用于任何尺寸的设备 …- 0
- 0
- 123
-
[代码样式]仿QQ绿钻抽奖转盘
简介 腾讯心悦会员的一个活动,抽奖转盘做的不错,同样,还是使用 jQuery旋转插件jqueryrotate 制作。由于 IE9 以下的版本 jqueryrotate 只支持 img 标签,所以这次换成了 img 标签,但只可以转动一次,因为已经改变了 DOM,原来的对象已经没有了。 制作方法 1、引入文件 <script src="https://www.dowebok.com/…- 0
- 0
- 235
-
[代码样式]ResponsiveSlides.js – jQuery幻灯片插件
简介 ResponsiveSlides.js 是一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想要更丰富的效果,你可能需要自定义 CSS。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel=&q…- 0
- 0
- 170
-
[代码样式]Quttons – Quantum Paper风格按钮
简介 Quantum Paper 是 Google 的一种设计规范,而 Quttons 按钮正是采用这种规范制作。这个插件在按钮背后隐藏任何 div,点击按钮后则可以显示该 div,可以充分的利用空间。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" h…- 0
- 0
- 152
-
[代码样式]Combo Select – jQuery可搜索下拉框插件
简介 Combo Select 是一款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式。Combo Select 能够对选项进行检索过滤,同时支持键盘控制。 浏览器兼容 IE8+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="st…- 0
- 0
- 750
-
[代码样式]制作响应式分层幻灯片
简介 该响应式分层幻灯片来自 Simbyone,每张幻灯片里可以有多个元素(文字、图片等),并且可以设置不同的动画效果。整个幻灯片只需要一个 JavaScript 文件就可以工作,当然,是说除去 jquery 等必须依赖的文件外,你可以不需要任何样式,所有的动画都是通过 JavaScript 创建并插入到元素中的。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ S…- 0
- 0
- 104
-
[代码样式]DD Full Screen Slider – jQuery全屏滚动插件
简介 DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滚动插件,正因为基于前面两个文件,所以它比较小,不压缩也不到 10KB。DD Full Screen Slider 有一下特点: 支持桌面和移动设备 多种方式切换:鼠标滚轮、鼠标拖拽、圆点导航、键盘方向键 支持锚点/哈希 在不支持 CSS3 动画的浏览器中自动回滚使用 j…- 0
- 0
- 432
-
[代码样式]BoxSlider – jQuery内容滚动/滑动插件
简介 BoxSlider 是一款小巧的 jQuery 内容滚动/滑动插件,当鼠标悬停在箭头上,内容就会按照相应的方向滚动。你可以用于大篇幅文字(小说)或图片展示。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.mi…- 0
- 0
- 120
-
[代码样式]jQuery cForm – jQuery表单美化插件
简介 jQuery cForm 是一款基于 jQuery 的表单美化插件,它能够美化我们常见的表单元素,如:文本域(text/textarea)、密码域(password)、单选按钮(radio)、复选框(checkbox)、下拉框(select)、文件上传(file)、按钮(button/submit)等等。jQuery cForm 使用干净的 HTML 和漂亮的 CSS 替代各浏览器原本不太美…- 0
- 0
- 88
-
[代码样式]Simple Lightbox – jQuery Lightbox插件
简介 Simple Lightbox 是一款基于 jQuery 的 Lightbox 插件,它具有以下特点: 响应式设计 触控/触摸友好 提供多项配置 图像预加载 支持 iOS / Android / Windows phone 使用 CSS3 过度效果,并回退兼容旧浏览器 支持 jQuery 1.x 和 2.x 版本 支持键盘控制 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ …- 0
- 0
- 389
-
[代码样式]Smoothslides – 可平移的jQuery幻灯片插件
简介 Smoothslides 是一款基于 jQuery 的响应式幻灯片插件,它与其他幻灯片最大的不同之处是幻灯片内的图片可移动,并且可设置移动的方向(左/右/左上/右下等等),使幻灯片更加特别、有趣。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ Smoothslides 平移的动画效果是通过 CSS3 transition 和 transl…- 0
- 0
- 139
-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 718
-
[代码样式]Waterbubble – jQuery水球图插件
简介 Waterbubble 是一款基于 jQuery 和 Canvas 实现的动态水球图插件,你可以使用它来显示各种进度情况。 浏览器兼容 IE9+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"…- 0
- 0
- 365
-
[代码样式]Viewer.js – 强大的JS/jQuery图片查看器
简介 Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择。Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事…- 0
- 0
- 466
-
[代码样式]jQuery.slidizle – jQuery幻灯片插件
简介 jQuery.slidizle 是一款 jQuery 幻灯片插件,你可以在幻灯片内放任何内容,因为它提供了多种方法让你可以随意的控制幻灯片,而正因为它的高度自定义,所以上手也比其他幻灯片插件更难一些。 浏览器兼容 IE9+ Edge Chrome Firefox Opera Safari 使用方法 1、引入文件 <link rel="stylesheet" href…- 0
- 0
- 151
-
[代码样式]用CSS和jQuery制作简单的下拉框
简介 今天我们用 CSS 和 jQuery 来制作一个简单的下拉框。 浏览器兼容 IE8+ Edge Chrome Firefox Opera Safari 制作方法 1、HTML <div class="select dowebok"> <span class="placeholder">请选择</span> …- 0
- 0
- 112

![[代码样式]动画注册登录页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_xJxV8I1458.png)

![[代码样式]Pogo Slider – jQuery幻灯片插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_RROzgX1688.jpg)
![[代码样式]DAD – jQuery拖拽/拖放插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_r5tgVs1690.png)
![[代码样式]evenZoom – jQuery放大镜插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_bbjT0M1692.jpg)
![[代码样式]flipTimer – jQuery时钟翻牌效果插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_ShUTGg1694.png)
![[代码样式]Ion.Calendar – jQuery日期/日历选择器插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_5pbyko1701.png)
![[代码样式]Simpler Sidebar – jQuery侧边栏插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_QliYFN1703.png)
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_7Lzkkt1705.jpg)
![[代码样式]Ideal Image Slider – 简单的纯JS幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_7jv6Bh1707.jpg)
![[代码样式]仿QQ绿钻抽奖转盘](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_eiWqhk1709.jpg)
![[代码样式]ResponsiveSlides.js – jQuery幻灯片插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_Hy0uUO1711.jpg)
![[代码样式]Quttons – Quantum Paper风格按钮](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_ajCNru1713.png)
![[代码样式]Combo Select – jQuery可搜索下拉框插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_2et1Cc1715.png)
![[代码样式]制作响应式分层幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_jMeULU1717.jpg)
![[代码样式]DD Full Screen Slider – jQuery全屏滚动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_CSTMU91719.png)
![[代码样式]BoxSlider – jQuery内容滚动/滑动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_ROFxis1721.jpg)
![[代码样式]jQuery cForm – jQuery表单美化插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_9gSiug1723.png)
![[代码样式]Simple Lightbox – jQuery Lightbox插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_OaO3V61725.jpg)
![[代码样式]Smoothslides – 可平移的jQuery幻灯片插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_rfrvND1727.jpg)
![[代码样式]liMarquee – jQuery无缝滚动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_K9z7hQ1729.png)
![[代码样式]Waterbubble – jQuery水球图插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_3Kdr8a1732.png)
![[代码样式]Viewer.js – 强大的JS/jQuery图片查看器](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_0rbeT11734.jpg)
![[代码样式]jQuery.slidizle – jQuery幻灯片插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_yRP0vc1736.jpg)
![[代码样式]用CSS和jQuery制作简单的下拉框](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_9NqPMc1738.png)