-
[代码样式]jQuery幻灯片插件anoSlide
简介 anoSlide 是一个轻量级的 jQuery 幻灯片插件,未压缩也不到 8KB,它具有以下特点: 支持响应式 支持内容混合(图片/文字) 无需 CSS 支持图片延迟加载 支持回调函数 支持自适应高度 易于扩展 兼容 浏览器兼容:兼容所有浏览器,包括 IE6、IE7。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文件 <script src="https…- 0
- 1
- 93
-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 718
-
[代码样式]Swiper制作《奇迹觉醒》轮播图效果
简介 《奇迹觉醒》是由腾讯独家代理运营的全新 MMO 官方正版奇迹手游,游戏用更加华丽的画面,完美重现了勇者大陆、亚特兰蒂斯、天空之城等玩家熟悉的地图, 同时经典职业也将回归称霸勇者大陆。 本文将使用 Swiper 制作《奇迹觉醒》【游戏特色】部分的轮播图效果。 制作方法 HTML <div class="wrap"> <div class="dow…- 0
- 1
- 115
-
[代码样式]把WordPress的分类转换成标签
在建站的时候,前期往往考虑不周,导致后面需要修改,这是在所难免的。比如使用 WordPress 建站,前期添加了一个分类,后来觉得使用标签更合适,一般情况下,我们可能会删除这个分类,然后再增加一个标签。 如果你了解 WordPress 的表结构,你就会知道分类和标签是在同一张表里的,只是某一个字段的属性不一样,所以,我们可以通过修改表字段属性,把分类变成标签。下面,dowebok 就演示一下通过 …- 0
- 1
- 95
-
[代码样式]一个很酷的jQuery动画菜单
使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com/js/animate-bg.js"></script> 除了 jQuery 文件外,还需…- 0
- 0
- 98
-
[代码样式]用FlexSlider制作《枪神纪》幻灯片效果
简介 这是模仿《枪神纪》官网首页的幻灯片,左边是图片,右边是标题导航。效果几乎一直,区别的是切换方式不一样,《枪神纪》官网的是鼠标移动到上面切换,模仿的是鼠标点击切换。因为这个幻灯片是使用 FlexSlider 制作的,而 FlexSlider 没有参数设置事件方式。 兼容性 兼容所有主流浏览器,包括 IE6。 制作方法 1、引入文件 <script src="https://ww…- 0
- 0
- 107
-
[代码样式]skippr – 更轻更快的jQuery幻灯片插件
简介 skippr 是一个基于 jQuery 的幻灯片插件,官方的口号是更轻、更快。它具有以下功能、特点: 支持左右滑动、淡入淡出两种切换方式 支持左右箭头导航 支持键盘方向键控制 支持自动播放 支持响应式 支持日志 兼容 浏览器兼容:skippr 使用了 CSS3 属性,所以它只支持 IE9 及以上版本的 IE 和其他主流现代浏览器。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1…- 0
- 0
- 100
-
[代码样式]jqueryrotate制作机锋网积分抽奖效果
应一网友的要求,做了一个类似机锋网积分抽奖的效果。其实这个效果和之前的“百度红包大放送抽奖效果”是一样的,使用了 jQuery 旋转插件——jquery.rotate.js,只是转盘不一样罢了。 制作方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery-1.8.3.min.js"></script&g…- 0
- 0
- 173
-
[代码样式]overhang.js – jQuery顶部通知提示插件
简介 overhang.js 是一款基于 jQuery 和 jQuery UI 的用于显示通知、确认、提示的插件,它以动画的方式从顶部滑出。overhang.js 提供了众多参数,你可以自定义通知的样式,回调函数也能够满足你的更多需求。 使用方法 1、引入文件 <link rel="stylesheet" href="https://www.dowebok.co…- 0
- 0
- 118
-
-
[代码样式]用jQuery抖动插件shake制作抖动菜单
制作方法 引入文件 <script src="https://www.dowebok.com/js/jquery-1.9.0.min.js"></script> <script src="https://www.dowebok.com/js/jquery.shake.js"></script> HTML <…- 0
- 0
- 87
-
[代码样式]用fullPage.js制作搜狐快站页面效果
近日搜狐推出了一款可视化快速建站工具——搜狐快站,利用该工具站长可通过在线的可视化页面编辑器简单生成自己的移动端站点。是继百度siteapp,腾讯风铃后又一互联网巨头推出的自助移动建站工具。 搜狐快站的页面效果还不错,也是采用时下比较流行的全屏设计(其实只是图片而已),今天 dowebok 试着用 fullPage.js 制作这个页面效果。 制作方法 1、HTML 左边放 logo 及菜单,右边放…- 0
- 0
- 81
-
[代码样式]ResizeEnd – 窗口大小调整后处理事件插件
简介 ResizeEnd 是一个小巧的 jQuery 插件,它能够在浏览器窗口大小改变后处理一些事情。它虽然是一个非常简单的插件,但多思考思考,它也有勇武之地,比如在响应式设计方面。 兼容 jQuery 兼容 兼容 jQuery 1.7+。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src=&qu…- 0
- 0
- 174
-
[代码样式]jQuery.toTop – jQuery返回顶部插件
简介 jQuery.toTop 是一款轻量级的 jQuery 返回顶部插件,压缩后不到 1KB。同时它也是可定制的,你可以设置是否自动隐藏、滚动时间、位置等等。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="https://www.dowebok.com/jsjquery.min.…- 0
- 0
- 130
-
[代码样式]九宫格转盘抽奖
简介 抽奖效果有很多种,常见的有转盘、九宫格、随机码等等,本站之前做过几个转盘抽奖的例子(百度、机锋、QQ音乐),今天来做一个九宫格的效果。 制作方法 1、首先制作九宫格转盘,HTML、CSS 和 JavaScript 分别如下: HTML: <div class="draw" id="lottery"> <table> <tr…- 0
- 0
- 201
-
[代码样式]太空题材404错误页面
这是一款太空题材的 404 错误页面,包含了太空、行星、坠落的飞船和在太空迷失方向漂泊着的太空人。页面的动画效果由 CSS3 制作,低版本的浏览器无法显示。" name="太空题材404错误页面" pass="tx32" code=""][/content_hide]- 0
- 0
- 58
-
[代码样式]jQuery自适应宽度导航插件HorizontalNav
HorizontalNav 是一个 jQuery 导航插件,能够自适应容器的宽度。如果你曾经在一个项目中创建过这种效果,你就会知道,这是很难处理的,但这个插件很容易,并且支持 IE6、IE7。 使用方法 HTML <nav class="horizontal-nav full-width horizontalNav-notprocessed"> <ul…- 0
- 0
- 128
-
[代码样式]jQuery随机及响应式画廊插件least.js
简介 least.js 是一个基于 jQuery 的画廊插件,当刷新页面的时候,缩略图会随机排列。同时它还是响应式设计,能够自动适应窗口大小。 兼容性 least.js 使用了 HTML5 和 CSS3,所以不兼容 IE6、IE7,其他浏览器正常。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebo…- 0
- 0
- 86
-
[代码样式]scrollReveal.js – 页面滚动显示动画JS
简介 和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件。 虽然 scrollReveal.js 不依赖 …- 0
- 0
- 370
-
[代码样式]Smoothslides – 可平移的jQuery幻灯片插件
简介 Smoothslides 是一款基于 jQuery 的响应式幻灯片插件,它与其他幻灯片最大的不同之处是幻灯片内的图片可移动,并且可设置移动的方向(左/右/左上/右下等等),使幻灯片更加特别、有趣。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ Smoothslides 平移的动画效果是通过 CSS3 transition 和 transl…- 0
- 0
- 139
-
-
-
[代码样式]jQuery占位符插件placeMe
在 HTML5 中,占位符 placeholder 属性是很有用的,它能够起到提示左右,指引用户。但一些古老的浏览器不支持该属性,尤其是 IE,而 placeMe.js 就是针对这些古老的浏览器“兼容” placeholder 属性的 jQuery 插件。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js…- 0
- 0
- 143
-
[代码样式]jQuery仿Google Play幻灯片效果插件plusview
plusview 是一个 jQuery 插件,它可以制作类似于 Google Play 商店截图列表项的幻灯片效果。 兼容性 plusview 兼容所有主流浏览器,包括 IE6。 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script …- 0
- 0
- 179

![[代码样式]jQuery幻灯片插件anoSlide](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_BwfBys1594.jpg)

![[代码样式]liMarquee – jQuery无缝滚动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_K9z7hQ1729.png)
![[代码样式]Swiper制作《奇迹觉醒》轮播图效果](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_5c2dhb1776.jpg)
![[代码样式]把WordPress的分类转换成标签](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_yDmADF1561.png)
![[代码样式]一个很酷的jQuery动画菜单](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_5tZZiX1480.jpg)
![[代码样式]用FlexSlider制作《枪神纪》幻灯片效果](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_9sSo711545.jpg)
![[代码样式]skippr – 更轻更快的jQuery幻灯片插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_odPFO81614.jpg)
![[代码样式]jqueryrotate制作机锋网积分抽奖效果](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_t1MUFv1678.jpg)
![[代码样式]overhang.js – jQuery顶部通知提示插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_Dm24aI1748.png)
![[代码样式]多彩的灯泡图表矢量素材(EPS/AI)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_VM9naV1812.jpg)
![[代码样式]用jQuery抖动插件shake制作抖动菜单](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_4ckLqE1503.png)
![[代码样式]用fullPage.js制作搜狐快站页面效果](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_z4KJvf1572.jpg)
![[代码样式]ResizeEnd – 窗口大小调整后处理事件插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_kh3BKB1636.png)
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_7Lzkkt1705.jpg)
![[代码样式]九宫格转盘抽奖](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_vuACWQ1770.png)
![[代码样式]太空题材404错误页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_2wk4Tk1834.png)
![[代码样式]jQuery自适应宽度导航插件HorizontalNav](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_JCjhBU1461.png)
![[代码样式]jQuery随机及响应式画廊插件least.js](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_B3n5eT1525.jpg)
![[代码样式]scrollReveal.js – 页面滚动显示动画JS](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_JAUb481658.png)
![[代码样式]Smoothslides – 可平移的jQuery幻灯片插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_rfrvND1727.jpg)
![[代码样式]创意蓝色抽象背景矢量素材(EPS)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_lpiGxM1792.jpg)
![[代码样式]黑夜里迷失的404错误页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_ZkMshH1856.png)
![[代码样式]jQuery占位符插件placeMe](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_R6IUvp1482.png)
![[代码样式]jQuery仿Google Play幻灯片效果插件plusview](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_kgV35s1547.jpg)