-
[代码样式]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垂直滚动插件Totem
Totem 是一款基于 jQuery 的垂直滚动插件,它带有“向上”、“向下”、“开始”、“停止”四项控制,还可以设置每次滚动的高度、滚动的速度、滚动间隔、鼠标移动到上面停止滚动等等,用来做公告、标题滚动都是不错的。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></scrip…- 0
- 0
- 144
-
[代码样式]jQuery老虎机插件SlotMachine
简介 SlotMachine 是一个基于 jQuery 的插件,它能够制作类似老虎机的效果,可以分别设置每个图案的停止。除了制作老虎机效果外,还可以制作抽奖、幻灯片等效果。 兼容 浏览器兼容:兼容 IE8 及以上版本和其他主流浏览器。 jQuery 兼容:兼容 1.2.6 及以上版本。 使用方法 1、引入文件 <script src="https://www.dowebok.com…- 0
- 0
- 179
-
[代码样式]WOW.js – 让页面滚动更有趣
简介 有的页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面(查看)。如果你希望你的页面也更加有趣,那么你可以试试 WOW.js。 WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。 浏览器兼容 IE10+ ✔ Chrome ✔ Firefox…- 0
- 0
- 124
-
[代码样式]BoxSlider – jQuery内容滚动/滑动插件
简介 BoxSlider 是一款小巧的 jQuery 内容滚动/滑动插件,当鼠标悬停在箭头上,内容就会按照相应的方向滚动。你可以用于大篇幅文字(小说)或图片展示。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.mi…- 0
- 0
- 120
-
-
-
[代码样式]jQuery跟随滚动插件Scroll Follow
Scroll Follow 是一个简单小巧的 jQuery 插件,该插件可以让页面中的某个元素随着滚动条的滚动而跟随滚动,据说有很多人用来放广告,可以大大增加广告的“亮相”率和点击率。其实不单是广告,像导航、分享、热门内容等都可以应用。Scroll Follow 几乎兼容所有浏览器,包括 IE6 及 Safari 3、Opera 9 等比较老的浏览器。 由于 Scroll Follow 最后一次更…- 0
- 0
- 229
-
[代码样式]用FlexSlider制作百度开放云平台幻灯片效果
之前介绍过强大的 jQuery 幻灯片插件 FlexSlider,今天我们用它来制作百度开放云平台首页幻灯片(以下简称“百度幻灯片”)效果,话说个人觉得百度幻灯片还不错,简单简洁不花哨。 其实制作该效果只需要对照着编写 CSS,然后再配置 FlexSlider 的参数即可,介绍 FlexSlider 时就说过。 制作方法 1、引入文件 <link rel="stylesheet&q…- 0
- 0
- 132
-
[代码样式]制作网易2014世界杯史话/世界杯时间轴效果
简介 2014巴西世界杯正在如火如荼的进行中,作为球迷们,你们对世界杯的了解有多少呢?如果了解不多的话,可以看看网易2014巴西世界杯专题页面的“世界杯史话”栏目,这里有包含了历届世界杯的基本信息、冠军、精彩瞬间、世界杯之星和当时最关注的事件,相信通过这些内容,您能更全面的了解世界杯及其历史。 “世界杯史话”栏目不仅信息全面,而且效果也不错,看上去就像世界杯时间轴一样,我们也来做一个吧。 制作这样…- 0
- 0
- 105
-
[代码样式]Labelauty – jQuery单选框/复选框美化插件
下拉框美化插件经常见到,如之前介绍过的 DropKick 、Select-or-Die,而单选框/复选框美化插件就比较少见到了,今天就来介绍一款—— Labelauty。 Labelauty 基于 jQuery,是一个非常小巧的插件。它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。 使用方法 1、引入文件 <link rel=…- 0
- 0
- 397
-
[代码样式]Filterizr – jQuery筛选过滤插件
简介 Filterizr 是一款基于 jQuery 的筛选过滤插件,它提供了多重筛选过滤方式,能够满足你的不同需求。并且使用了 CSS3 过滤效果,使用户体验更优秀。 浏览器兼容 IE10+ Edge Chrome Firefox Opera Safari 使用方法 1、引入文件 <link rel="stylesheet" href="https://www.…- 0
- 0
- 147
-
-
[代码样式]简单实用的jQuery幻灯片插件slide
使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com/js/slide.js"></script> HTML <div id="…- 0
- 0
- 86
-
[代码样式]jQuery全屏滚动插件fullPage.js
简介 如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。 fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: …- 0
- 0
- 129
-
[代码样式]shCircleLoader – jQuery Loading效果插件
简介 为了提高用户体验,给页面或应用加入 Loading 效果最基本最常见的方法。shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 Loading 效果。 兼容 jQuery 兼容 兼容 jQu…- 0
- 0
- 467
-
[代码样式]Ion.Calendar – jQuery日期/日历选择器插件
简介 Ion.Calendar 是一款基于 jQuery 和 Moment.js 的日期/日历选择器插件,功能上和常见的同类插件一样,因为是基于 Moment.js 的,所以支持多种日期格式。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel="stylesheet" href=&…- 0
- 0
- 207
-
[代码样式]制作简单的响应式幻灯片
简介 本站介绍了很多 jQuery 幻灯片插件,它们都很优秀,且功能强大,应用在中大型页面上很合适。但如果你的页面很简单,只想要一个简单纯粹的幻灯片效果,这些插件可能略显臃肿。今天我们不用任何插件,写一个简单的响应式幻灯片。 浏览器兼容 IE10+ ✔ Edge ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 制作方法 1、HTML <div class=&quo…- 0
- 0
- 116
-
-
[代码样式]jQuery横向手风琴菜单
这是一个 jQuery 制作的横向手风琴菜单,当鼠标移动到某一项菜单上时,该菜单会展开,并变成彩色的。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/ch3mical.css"> <script src="https://www.dowebok…- 0
- 0
- 67
-
[代码样式]强大实用的jQuery幻灯片插件Owl Carousel
简介 Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有一下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适应高度 …… Owl Carousel 提供了众多的参数、回调函数及自定义事件(具体请往下浏览),所以它几乎可以满足你的所有要求。 兼容 浏览…- 0
- 0
- 262