-
[代码样式]Labelauty – jQuery单选框/复选框美化插件
下拉框美化插件经常见到,如之前介绍过的 DropKick 、Select-or-Die,而单选框/复选框美化插件就比较少见到了,今天就来介绍一款—— Labelauty。 Labelauty 基于 jQuery,是一个非常小巧的插件。它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。 使用方法 1、引入文件 <link rel=…- 0
- 0
- 354
-
-
[代码样式]用FlexSlider制作百度开放云平台幻灯片效果
之前介绍过强大的 jQuery 幻灯片插件 FlexSlider,今天我们用它来制作百度开放云平台首页幻灯片(以下简称“百度幻灯片”)效果,话说个人觉得百度幻灯片还不错,简单简洁不花哨。 其实制作该效果只需要对照着编写 CSS,然后再配置 FlexSlider 的参数即可,介绍 FlexSlider 时就说过。 制作方法 1、引入文件 <link rel="stylesheet&q…- 0
- 0
- 120
-
[代码样式]okayNav – jQuery响应式菜单/导航插件
简介 okayNav 是一款小巧的 jQuery 响应式菜单/导航插件,它能够自动计算浏览器窗口的宽度,当窗口宽度变小到无法容纳菜单时,它就会把“多余”的菜单变成“三个点”的图标,点击图标就能展开多余的菜单;当窗口变大时,多余的菜单又会重新显示。 浏览器兼容 IE10+ Edge Chrome Firefox Opera Safari 使用方法 1、引入文件 <link rel="…- 0
- 0
- 110
-
[代码样式]jQuery.eraser – jQuery橡皮擦插件
简介 jQuery.eraser 是一个基于 jQuery 的插件,它的效果类似于橡皮擦,按住鼠标不放,在图片上面来回移动,上面灰色的图片就会被擦出,显示出下面彩色的图片。 jQuery.eraser 的原理其实是有灰色、彩色两张图片(都需要自己事前准备),将灰色的图片装载于一个 canvas 中,然后和彩色的图片用 CSS 定位在同一个位置,并设置 z-index 使 canvas 位于彩色图片…- 0
- 0
- 222
-
[代码样式]One-Page-Nav – jQuery导航插件
简介 电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固定的楼层导航,这个导航列出了所有的楼层,同时还会高亮你正在浏览的楼层,点击其他楼层按钮,又会滚动到其他楼层。这样的导航可以增加用户体验,让购物更加方便快捷。 如果你想在自己的页面上也实现这样的效果,那么可以试试 jQuery-One-Page-Nav 这款 jQuery插件。 浏览器兼容 IE…- 0
- 0
- 106
-
[代码样式]jQuery全屏滚动插件fullPage.js
简介 如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。 fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: …- 0
- 0
- 113
-
[代码样式]jQuery图片文字无间断滚动插件YLMarquee
YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件,该插件可以轻松实现图片或文字向左或向右滚动,可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低,兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min…- 0
- 0
- 258
-
[代码样式]jQuery响应式侧栏菜单插件sidr
现在响应式被提的越来越多,因为各种终端不停的涌现:各种大小不一的手机、各种尺寸的 Pad 等等,为了让页面在这些终端中都能正常访问,所以就需要响应式的设计。 Sidr 是一个基于 jQuery 的插件,它能够很容易的创建响应式的侧栏菜单,侧栏菜单默认不可见,当你点击按钮的时候,侧栏菜单会以动画的形式从网页左边展开。配合 jquery.touchwipe.js,Sidr 还可以支持触摸事件,能更好的…- 0
- 0
- 49
-
[代码样式]jQuery弹性滑动导航菜单
制作方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> HTML <div id="nav"> <div class="nav-menu"> <a href="…- 0
- 0
- 70
-
-
[代码样式]仿亚马逊风格图片滚动效果
使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/amazon_scroller.css"> <script src="https://www.dowebok.com/js/jquery.min.js"></script>…- 0
- 0
- 123
-
[代码样式]太空题材404错误页面
这是一款太空题材的 404 错误页面,包含了太空、行星、坠落的飞船和在太空迷失方向漂泊着的太空人。页面的动画效果由 CSS3 制作,低版本的浏览器无法显示。" name="太空题材404错误页面" pass="tx32" code=""][/content_hide]- 0
- 0
- 43
-
-
[代码样式]简单的JavaScript图像延迟加载库Echo.js
简介 和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库,可独立使用。并且 Echo.js 非常小巧,压缩后不足 1KB。 兼容性 Echo.js 使用了 HTML5 的 date 属性,并且需要获取该属性的值,所以它并…- 0
- 0
- 101
-
[代码样式]用CSS和jQuery制作简单的下拉框
简介 今天我们用 CSS 和 jQuery 来制作一个简单的下拉框。 浏览器兼容 IE8+ Edge Chrome Firefox Opera Safari 制作方法 1、HTML <div class="select dowebok"> <span class="placeholder">请选择</span> …- 0
- 0
- 101
-
[代码样式]有趣的动画幻灯片
简介 这是一个有趣的幻灯片,幻灯片的每一个部分都被分割成几块,并以不同的方式进行动画。此幻灯片适合单独使用,可用于展示海报等等。 浏览器兼容 IE10+ Edge Chrome Firefox Opera Safari- 0
- 0
- 58
-
[代码样式]FlexSlider制作《英雄联盟》幻灯片
简介 《英雄联盟》是腾讯游戏代理运营的英雄对战 MOBA 竞技网游,该游戏目前非常火爆。这次我们使用 jQuery 幻灯片插件 FlexSlider 制作《英雄联盟》官网的幻灯片。 浏览器兼容 IE6+ Edge Chrome Firefox Opera Safari 制作方法 1、引入文件 <script src="https://www.dowebok.com/js/jquer…- 0
- 0
- 81
-
[代码样式]Simpler Sidebar – jQuery侧边栏插件
简介 Simpler Sidebar 是一款基于 jQuery 的侧边栏插件,和 SidebarJS 类似。Simpler Sidebar 可以设置侧边栏的位置(左边或右边)、宽度,同时还可以设置是否显示遮罩以及遮罩的透明度。 浏览器兼容 IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="http…- 0
- 0
- 257
-
-
[代码样式]Hero Slider – jQuery全屏响应式幻灯片
简介 Hero Slider 是一款使用 CSS 和 jQuery 制作的全屏响应式幻灯片,它并不算一个通用的幻灯片,因为没有以 jQuery 插件的形式发布。但它的定制度非常高,你可以在 HTML 内写入任何内容,在 CSS 中定制任意的动画效果,甚至是使用视频作为背景。 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 &…- 0
- 0
- 74
-
[代码样式]vTicker – jQuery垂直滚动插件
简介 vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB。vTicker 支持自定义滚动时间、间隔时间、显示个数、滚动方向(向上/向下)、容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签。不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便。 浏览器兼容 IE6+ ✔ Chrome ✔ …- 0
- 0
- 284
-
-
[代码样式]Tipso – 轻巧的jQuery提示框插件
Tooltip(提示框)是一种常见的效果,它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难,但如果你想不劳而获,可以试试 Tipso。 Tipso 基于 jQuery,提供了很多配置,如: 显示动画持续时间 背景颜色 文本颜色 显示位置(上/右/下/左) 宽度 偏移 加载 ajax 内容 回调函数 使用方法 1、引入文件 <link rel="styles…- 0
- 0
- 210
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!