-
[代码样式]jQuery幻灯片插件anoSlide
简介 anoSlide 是一个轻量级的 jQuery 幻灯片插件,未压缩也不到 8KB,它具有以下特点: 支持响应式 支持内容混合(图片/文字) 无需 CSS 支持图片延迟加载 支持回调函数 支持自适应高度 易于扩展 兼容 浏览器兼容:兼容所有浏览器,包括 IE6、IE7。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文件 <script src="https…- 0
- 1
- 98
-
[代码样式]liMarquee – jQuery无缝滚动插件
简介 liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。 浏览器兼容 IE7+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera …- 0
- 1
- 722
-
[代码样式]Swiper制作《奇迹觉醒》轮播图效果
简介 《奇迹觉醒》是由腾讯独家代理运营的全新 MMO 官方正版奇迹手游,游戏用更加华丽的画面,完美重现了勇者大陆、亚特兰蒂斯、天空之城等玩家熟悉的地图, 同时经典职业也将回归称霸勇者大陆。 本文将使用 Swiper 制作《奇迹觉醒》【游戏特色】部分的轮播图效果。 制作方法 HTML <div class="wrap"> <div class="dow…- 0
- 1
- 121
-
[代码样式]把WordPress的分类转换成标签
在建站的时候,前期往往考虑不周,导致后面需要修改,这是在所难免的。比如使用 WordPress 建站,前期添加了一个分类,后来觉得使用标签更合适,一般情况下,我们可能会删除这个分类,然后再增加一个标签。 如果你了解 WordPress 的表结构,你就会知道分类和标签是在同一张表里的,只是某一个字段的属性不一样,所以,我们可以通过修改表字段属性,把分类变成标签。下面,dowebok 就演示一下通过 …- 0
- 1
- 103
-
[代码样式]jQuery横向手风琴菜单
这是一个 jQuery 制作的横向手风琴菜单,当鼠标移动到某一项菜单上时,该菜单会展开,并变成彩色的。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/ch3mical.css"> <script src="https://www.dowebok…- 0
- 0
- 72
-
[代码样式]强大实用的jQuery幻灯片插件Owl Carousel
简介 Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有一下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适应高度 …… Owl Carousel 提供了众多的参数、回调函数及自定义事件(具体请往下浏览),所以它几乎可以满足你的所有要求。 兼容 浏览…- 0
- 0
- 271
-
[代码样式]Owl Carousel制作百度百科2014新首页幻灯片
简介 百度百科启用了新首页,口号是“探索未知的世界”。今天我们使用 jQuery 幻灯片插件 Owl Carousel 制作其首页的幻灯片。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ IE 低版本会有所差异,但能够正常浏览、使用。 制作方法 1、引入文件 <link rel="stylesheet" href=&qu…- 0
- 0
- 101
-
[代码样式]jQuery cForm – jQuery表单美化插件
简介 jQuery cForm 是一款基于 jQuery 的表单美化插件,它能够美化我们常见的表单元素,如:文本域(text/textarea)、密码域(password)、单选按钮(radio)、复选框(checkbox)、下拉框(select)、文件上传(file)、按钮(button/submit)等等。jQuery cForm 使用干净的 HTML 和漂亮的 CSS 替代各浏览器原本不太美…- 0
- 0
- 93
-
-
-
[代码样式]灰色红色风格分页HTML
这是一款来之国外的分页样式,主要以灰色为主,红色为辅。经测试,兼容所有浏览器,但 IE6 png 背景图片未处理,请自行处理。如果喜欢这款分页就拿去使用吧。- 0
- 0
- 166
-
[代码样式]jQuery幻灯片插件Orbit
简介 Orbit 是一个基于 jQuery 的幻灯片插件,它的功能虽然不如 FlexSlider 强大,但常见的功能都有,并且它还具有计时器这个特别的功能。Orbit 具有以下功能特点: 标签简单 支持淡入淡出和水平/垂直滚动切换 支持计时器 支持左右箭头导航及项目导航 支持显示初图片外的其他内容,如 HTML、视频等(演示) 支持缩略图(演示) Orbit 已经停止更新了,因为它已经被作者集成到…- 0
- 0
- 239
-
[代码样式]jQuery图片模糊插件crossfade.js
简介 crossfade.js 是一个小巧的 jQuery 插件,压缩之后仅 3KB。当页面往下滚动的时候,crossfade.js 会让图片渐渐的模糊,就像是将要淡出的感觉;当页面往上滚动的时候,图片又会变的清晰。 crossfade.js 的原理是两张图片(一张清晰,一张模糊)交替显示,从而造成了淡入淡出的感觉。图片被放置在创建的 canvas 元素中,所以不支持 canvas 元素的浏览器无…- 0
- 0
- 101
-
[代码样式]Tipso – 轻巧的jQuery提示框插件
Tooltip(提示框)是一种常见的效果,它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难,但如果你想不劳而获,可以试试 Tipso。 Tipso 基于 jQuery,提供了很多配置,如: 显示动画持续时间 背景颜色 文本颜色 显示位置(上/右/下/左) 宽度 偏移 加载 ajax 内容 回调函数 使用方法 1、引入文件 <link rel="styles…- 0
- 0
- 225
-
[代码样式]Zoomify – jQuery缩放效果lightbox插件
简介 Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多数需求。 浏览器兼容 IE10+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" href=&q…- 0
- 0
- 350
-
-
[代码样式]jQuery响应式侧栏菜单插件sidr
现在响应式被提的越来越多,因为各种终端不停的涌现:各种大小不一的手机、各种尺寸的 Pad 等等,为了让页面在这些终端中都能正常访问,所以就需要响应式的设计。 Sidr 是一个基于 jQuery 的插件,它能够很容易的创建响应式的侧栏菜单,侧栏菜单默认不可见,当你点击按钮的时候,侧栏菜单会以动画的形式从网页左边展开。配合 jquery.touchwipe.js,Sidr 还可以支持触摸事件,能更好的…- 0
- 0
- 71
-
[代码样式]用fullPage.js制作百度百科史记2013效果
2013年过去了,各门户网站纷纷对上一年的大事记进行了盘点,百度百科当然不能缺席,其制作的“百度百科——年终盘点”专题,列举了科技、人物、社会和网络四个方面在2013年从1月到12月各个月的大事、趣事、乐事等等,让我们很好的回顾过去一年某个时刻发生的事情。等等,我们今天要说的并不是这个专题的内容,而是页面效果。这个专题采用了全屏制作,每屏的热词都以从四面飞往屏幕中间,效果非常不错。今天我们使用上次…- 0
- 0
- 70
-
[代码样式]onepage-scroll – jQuery单页/全屏滚动插件
简介 单页/全屏滚动页面越来越常见了,它多用于产品介绍、招聘等内容较少的简单页面。针对这种效果也出现了不少 jQuery 插件,如之间介绍的 fullPage.js 和 Scrollify,今天再介绍一款 jQuery 单页/全屏滚动插件——onepage-scroll。 onepage-scroll 还算小巧,min 版本仅 9kb,它有如下功能、特点: (不)显示右侧圆点项目导航 (不)显示命…- 0
- 0
- 172
-
[代码样式]Simpler Sidebar – jQuery侧边栏插件
简介 Simpler Sidebar 是一款基于 jQuery 的侧边栏插件,和 SidebarJS 类似。Simpler Sidebar 可以设置侧边栏的位置(左边或右边)、宽度,同时还可以设置是否显示遮罩以及遮罩的透明度。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="http…- 0
- 0
- 290
-
[代码样式]简单百搭的登录注册页面
简介 这是一套简单、简洁、百搭的登录注册页面,同时包含了“忘记密码”的几个页面。因为简单,所以百搭,适合所有的网站,直接拿来使用即可。 浏览器兼容 IE8+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 .err-msg 为错误信息提示,默认可先以藏; 如果输入框输入的值全部合法,可将按钮的 class 由 ui-button–primary …- 0
- 0
- 79
-
[代码样式]响应式动画效果博客幻灯片
这是一款响应式动画效果博客幻灯片,使用 Swiper 插件制作,包含缩略图、日期、标题、简介、详情链接等信息,幻灯片切换时,这些信息带有淡入淡出等动画效果。- 0
- 0
- 129
-
-
[代码样式]jQuery时间轴/时光轴插件jqtimeline
Facebook 的 Timeline 和 QQ空间的时光轴是很好的应用,它以一条直线的方式记录你的各种使用信息,能让你一目了然的知道你在什么时间干了什么事。如果你想创建类似的效果,jqtimeline 也许是个不错的选择。 jqtimeline 是一个简单的、轻量级的 jQuery 时间轴/时光轴插件,你可以用它来创建社交应用、博客的时间表以及社会岗位时间表等等。jqtimeline 的数据是 …- 0
- 0
- 202

![[代码样式]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_g7KQtx1521.png)
![[代码样式]强大实用的jQuery幻灯片插件Owl Carousel](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_foQ3LI1590.jpg)
![[代码样式]Owl Carousel制作百度百科2014新首页幻灯片](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_TmGO6R1654.jpg)
![[代码样式]jQuery cForm – jQuery表单美化插件](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_9gSiug1723.png)
![[代码样式]创意多彩波浪背景矢量素材(EPS)](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_npC7Si1788.jpg)
![[代码样式]简洁动感的登录页面](https://www.weimahe.com/wp-content/uploads/thumb/2020/08/fill_w418_h258_g0_mark_RbczWK1852.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)