-
[代码样式]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
- 88
-
-
[代码样式]jQuery时间轴/时光轴插件jqtimeline
Facebook 的 Timeline 和 QQ空间的时光轴是很好的应用,它以一条直线的方式记录你的各种使用信息,能让你一目了然的知道你在什么时间干了什么事。如果你想创建类似的效果,jqtimeline 也许是个不错的选择。 jqtimeline 是一个简单的、轻量级的 jQuery 时间轴/时光轴插件,你可以用它来创建社交应用、博客的时间表以及社会岗位时间表等等。jqtimeline 的数据是 …- 0
- 0
- 189
-
[代码样式]hotopile JS – jQuery照片堆叠效果插件
简介 hotopile JS 是模拟照片散布堆叠在一起的 jQuery 图片插件,它能够很的制作照片墙效果。点击缩略图,照片会弹出放大,左右的箭头可以查看“上一张”、“下一张”,再次点击会返回。缩略图可以拖动,所以即使被叠在非常后面的照片也能够轻松的找到。 兼容 浏览器兼容:兼容 IE9 及以上版本和其他主流浏览器。 jQuery 兼容:兼容 1.8 及以上版本。 使用方法 1、引入文件 <…- 0
- 0
- 563
-
[代码样式]AutoScroll.js – jQuery页面自动滚动插件
简介 在浏览网页时,点击鼠标中间就会出现一个小圆圈,里面有左右上下 4 个箭头,鼠标往箭头指向的方向移动,页面就会按指定的方向自动滚动起来,离箭头越远,速度越快。看小说的时候这是非常有用的,免去了频繁的操作,还不会因为突然滚动一大段距离而找不到刚才看到的地方。 AutoScroll.js 是一个类似的 jQuery 插件,当鼠标移动到浏览器可视区域上端或下端时,页面就能自动滚动。它还可以设置鼠标移…- 0
- 0
- 266
-
[代码样式]Simple Lightbox – jQuery Lightbox插件
简介 Simple Lightbox 是一款基于 jQuery 的 Lightbox 插件,它具有以下特点: 响应式设计 触控/触摸友好 提供多项配置 图像预加载 支持 iOS / Android / Windows phone 使用 CSS3 过度效果,并回退兼容旧浏览器 支持 jQuery 1.x 和 2.x 版本 支持键盘控制 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ …- 0
- 0
- 389
-
-
[代码样式]动感时髦的下拉菜单
这是一款动感时髦的下拉菜单,点击菜单后,子菜单会以动画的形式伸缩展开。下拉菜单使用纯 CSS 实现,无任何 JS 代码。实现的原理是使用 input 的 radio 是否选择配合 CSS 选择器 和 CSS 动画。- 0
- 0
- 67
-
[代码样式]一个很酷的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
- 199
-
[代码样式]太空题材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幻灯片插件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)
![[代码样式]动画注册登录页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_xJxV8I1458.png)
![[代码样式]jQuery时间轴/时光轴插件jqtimeline](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_CssjSD1523.png)
![[代码样式]hotopile JS – jQuery照片堆叠效果插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_ym0iVE1592.jpg)
![[代码样式]AutoScroll.js – jQuery页面自动滚动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_jV1HNR1656.png)
![[代码样式]Simple Lightbox – jQuery Lightbox插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_OaO3V61725.jpg)
![[代码样式]扁平风格404错误页面(EPS/AI)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_t61mc21790.png)
![[代码样式]动感时髦的下拉菜单](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_94KGou1854.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)