-
[代码样式]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
-
[代码样式]灰色红色风格分页HTML
这是一款来之国外的分页样式,主要以灰色为主,红色为辅。经测试,兼容所有浏览器,但 IE6 png 背景图片未处理,请自行处理。如果喜欢这款分页就拿去使用吧。- 0
- 0
- 159
-
[代码样式]jQuery幻灯片插件Orbit
简介 Orbit 是一个基于 jQuery 的幻灯片插件,它的功能虽然不如 FlexSlider 强大,但常见的功能都有,并且它还具有计时器这个特别的功能。Orbit 具有以下功能特点: 标签简单 支持淡入淡出和水平/垂直滚动切换 支持计时器 支持左右箭头导航及项目导航 支持显示初图片外的其他内容,如 HTML、视频等(演示) 支持缩略图(演示) Orbit 已经停止更新了,因为它已经被作者集成到…- 0
- 0
- 233
-
[代码样式]jQuery图片模糊插件crossfade.js
简介 crossfade.js 是一个小巧的 jQuery 插件,压缩之后仅 3KB。当页面往下滚动的时候,crossfade.js 会让图片渐渐的模糊,就像是将要淡出的感觉;当页面往上滚动的时候,图片又会变的清晰。 crossfade.js 的原理是两张图片(一张清晰,一张模糊)交替显示,从而造成了淡入淡出的感觉。图片被放置在创建的 canvas 元素中,所以不支持 canvas 元素的浏览器无…- 0
- 0
- 98
-
[代码样式]Tipso – 轻巧的jQuery提示框插件
Tooltip(提示框)是一种常见的效果,它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难,但如果你想不劳而获,可以试试 Tipso。 Tipso 基于 jQuery,提供了很多配置,如: 显示动画持续时间 背景颜色 文本颜色 显示位置(上/右/下/左) 宽度 偏移 加载 ajax 内容 回调函数 使用方法 1、引入文件 <link rel="styles…- 0
- 0
- 221
-
[代码样式]Zoomify – jQuery缩放效果lightbox插件
简介 Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多数需求。 浏览器兼容 IE10+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" href=&q…- 0
- 0
- 348
-
-
[代码样式]jQuery响应式侧栏菜单插件sidr
现在响应式被提的越来越多,因为各种终端不停的涌现:各种大小不一的手机、各种尺寸的 Pad 等等,为了让页面在这些终端中都能正常访问,所以就需要响应式的设计。 Sidr 是一个基于 jQuery 的插件,它能够很容易的创建响应式的侧栏菜单,侧栏菜单默认不可见,当你点击按钮的时候,侧栏菜单会以动画的形式从网页左边展开。配合 jquery.touchwipe.js,Sidr 还可以支持触摸事件,能更好的…- 0
- 0
- 67
-
[代码样式]用fullPage.js制作百度百科史记2013效果
2013年过去了,各门户网站纷纷对上一年的大事记进行了盘点,百度百科当然不能缺席,其制作的“百度百科——年终盘点”专题,列举了科技、人物、社会和网络四个方面在2013年从1月到12月各个月的大事、趣事、乐事等等,让我们很好的回顾过去一年某个时刻发生的事情。等等,我们今天要说的并不是这个专题的内容,而是页面效果。这个专题采用了全屏制作,每屏的热词都以从四面飞往屏幕中间,效果非常不错。今天我们使用上次…- 0
- 0
- 63
-
[代码样式]onepage-scroll – jQuery单页/全屏滚动插件
简介 单页/全屏滚动页面越来越常见了,它多用于产品介绍、招聘等内容较少的简单页面。针对这种效果也出现了不少 jQuery 插件,如之间介绍的 fullPage.js 和 Scrollify,今天再介绍一款 jQuery 单页/全屏滚动插件——onepage-scroll。 onepage-scroll 还算小巧,min 版本仅 9kb,它有如下功能、特点: (不)显示右侧圆点项目导航 (不)显示命…- 0
- 0
- 165
-
[代码样式]Simpler Sidebar – jQuery侧边栏插件
简介 Simpler Sidebar 是一款基于 jQuery 的侧边栏插件,和 SidebarJS 类似。Simpler Sidebar 可以设置侧边栏的位置(左边或右边)、宽度,同时还可以设置是否显示遮罩以及遮罩的透明度。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="http…- 0
- 0
- 285
-
[代码样式]简单百搭的登录注册页面
简介 这是一套简单、简洁、百搭的登录注册页面,同时包含了“忘记密码”的几个页面。因为简单,所以百搭,适合所有的网站,直接拿来使用即可。 浏览器兼容 IE8+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 .err-msg 为错误信息提示,默认可先以藏; 如果输入框输入的值全部合法,可将按钮的 class 由 ui-button–primary …- 0
- 0
- 75
-
[代码样式]响应式动画效果博客幻灯片
这是一款响应式动画效果博客幻灯片,使用 Swiper 插件制作,包含缩略图、日期、标题、简介、详情链接等信息,幻灯片切换时,这些信息带有淡入淡出等动画效果。- 0
- 0
- 121
-
-
[代码样式]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

![[代码样式]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)
![[代码样式]灰色红色风格分页HTML](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_k7z8b31478.png)
![[代码样式]jQuery幻灯片插件Orbit](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_VWi1UJ1543.jpg)
![[代码样式]jQuery图片模糊插件crossfade.js](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_qOToF51612.jpg)
![[代码样式]Tipso – 轻巧的jQuery提示框插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_6VGAmx1676.png)
![[代码样式]Zoomify – jQuery缩放效果lightbox插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_fHKfsV1746.jpg)
![[代码样式]复古风格明信片矢量素材(EPS/AI)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_qoMFem1810.jpg)
![[代码样式]jQuery响应式侧栏菜单插件sidr](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_hpNRmg1501.png)
![[代码样式]用fullPage.js制作百度百科史记2013效果](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_Wd4Ev31570.jpg)
![[代码样式]onepage-scroll – jQuery单页/全屏滚动插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_AyBxem1634.png)
![[代码样式]Simpler Sidebar – jQuery侧边栏插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_QliYFN1703.png)
![[代码样式]简单百搭的登录注册页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_c6pt8Y1768.png)
![[代码样式]响应式动画效果博客幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_MmAH3t1832.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)