-
[代码样式]jQuery下拉框美化插件DropKick
DropKick 是一个下拉框美化插件,使用非常简单,直接为下拉框 select 调用方法即可,瞬间让你摆脱繁琐。DropKick 有 3 种主题,你可以选择一种与你的页面更加搭配的,当然你也可以自己定义 CSS。 DropKick 支持键盘上下选择;支持回调,可以轻松的获取 value 值。 DropKick 不支持 IE6,但会显示下拉框默认的样式,不影响页面使用;而其他的浏览器都支持。Dro…- 0
- 0
- 227
-
[代码样式]jQuery立体相册插件Parallax Slider
Parallax Slider 是一个充满活力的图片幻灯片插件,它充分利用了视觉差原理,当图片滑动时,背后的大幅背景也会随着移动,非常有视觉冲击力。用它来做图片、相片展示是非常不错的。 使用方法 引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/parallaxSlider.css&quo…- 0
- 0
- 112
-
[代码样式]jQuery内容展开折叠插件Collapse
Collapse 是一款用于内容展开折叠的轻量级插件,并且还带有动画和手风琴效果。Collapse 提供了多种接口,如:自定义展开折叠时间、绑定 CSS3 动画效果、自定义标签、事件绑定、默认展开等。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> &l…- 0
- 0
- 283
-
[代码样式]jQuery滚动到顶部插件scrollUp
当网页内容过长,你浏览到底部需要回到顶部时,是不是希望“一键直达”呢?scrollUp 就是这样一款插件,它能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就是慢慢的滚动到顶部,而不是硬生生的直接回到顶部,提高了用户体验。 scrollUp 还提供了 3 种主题,在 css 文件夹下。当然你可以自定义。 使用方法 引入文件 <script src=&…- 0
- 0
- 176
-
[代码样式]jQuery图片黑白开关插件BlackAndWhite
BlackAndWhite 是一款图片类的插件,这款插件可以很容易地将任何彩色图片转换成B&W灰度图片,当鼠标移动到图片上时,图片可慢慢恢复原有的色彩。该插件可用于图片展示或相册等。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery-1.9.0.min.js"></script> &…- 0
- 0
- 130
-
[代码样式]jQuery图片文字无间断滚动插件YLMarquee
YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件,该插件可以轻松实现图片或文字向左或向右滚动,可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低,兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min…- 0
- 0
- 283
-
[代码样式]jQuery占位符插件placeMe
在 HTML5 中,占位符 placeholder 属性是很有用的,它能够起到提示左右,指引用户。但一些古老的浏览器不支持该属性,尤其是 IE,而 placeMe.js 就是针对这些古老的浏览器“兼容” placeholder 属性的 jQuery 插件。 使用方法 引入文件 <script src="https://www.dowebok.com/js/jquery.min.js…- 0
- 0
- 135
-
[代码样式]jQuery跟随滚动插件Scroll Follow
Scroll Follow 是一个简单小巧的 jQuery 插件,该插件可以让页面中的某个元素随着滚动条的滚动而跟随滚动,据说有很多人用来放广告,可以大大增加广告的“亮相”率和点击率。其实不单是广告,像导航、分享、热门内容等都可以应用。Scroll Follow 几乎兼容所有浏览器,包括 IE6 及 Safari 3、Opera 9 等比较老的浏览器。 由于 Scroll Follow 最后一次更…- 0
- 0
- 221
-
[代码样式]灰色红色风格分页HTML
这是一款来之国外的分页样式,主要以灰色为主,红色为辅。经测试,兼容所有浏览器,但 IE6 png 背景图片未处理,请自行处理。如果喜欢这款分页就拿去使用吧。- 0
- 0
- 153
-
[代码样式]一个很酷的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
- 91
-
[代码样式]仿亚马逊风格图片滚动效果
使用方法 引入文件 <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
- 137
-
[代码样式]jQuery缩略图插件jQuery-Fakecrop
简介 不同尺寸的图片要以缩略图的形式放在一起是一件很困难的事情,也许你会使用 CSS 或 JavaScript 来处理,但是这些方法要么效果不是很好,要么效果还行却很麻烦。如果手动为每张图片创建一张缩略图那就更麻烦了。这个时候你可以使用 jQuery-Fakecrop,这是一个基于 jQuery 的缩略图插件,它能够“截图”图片的某一部分作为缩略图或者完全等比例缩放,总之,jQuery-Fakec…- 0
- 0
- 164
-
[代码样式]jQuery响应式图片画廊插件S Gallery
简介 S Gallery 是一款使用了 CSS3 动画效果的 jQuery 响应式片画廊插件,插件的灵感来自于SONY(索尼)的一个产品展示页,原本是由 Flash 制作的,而作者则用 HTML、CSS3 和 JavaScript 创建了这样的效果。 S Gallery 有一个很棒的功能:当退出幻灯片模式返回到网格视图模式时,当前查看的图片会以很明显的动画方式“返回”到网格视图中的位置,从而让你知…- 0
- 0
- 111
-
[代码样式]jQuery图片延迟加载插件Lazy Load
简介 Lazy Load 是一款基于 jQuery 的图片延迟加载插件,它可以让浏览器可视区域外的图片不加载,当滚动到它们的位置时才加载。 延迟加载可以使页面加载更快,减少服务器的负担,甚至是节约带宽。 兼容性 Lazy Load 兼容所有浏览器,包括 IE6、IE7。 使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jque…- 0
- 0
- 116
-
[代码样式]简单的JavaScript图像延迟加载库Echo.js
简介 和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库,可独立使用。并且 Echo.js 非常小巧,压缩后不足 1KB。 兼容性 Echo.js 使用了 HTML5 的 date 属性,并且需要获取该属性的值,所以它并…- 0
- 0
- 110
-
[代码样式]WordPress时间函数the_tiem()详解
使用 WordPress 建站,不得不接触到时间函数 the_time(),因为加上文章的发表日期或评论的发表日期是非常有必要的。但是 the_time() 默认的格式只有时间,比如 “下午5:06” 。这样的格式是不是不太满意呢? 对于中国人,比较习惯以下的时间格式: 12-10 2013-12-10 2013年12月10日 星期一 10:35:28 如何让间函数 the_time() 输出上面…- 0
- 0
- 125
-
[代码样式]onepage-scroll – jQuery单页/全屏滚动插件
简介 单页/全屏滚动页面越来越常见了,它多用于产品介绍、招聘等内容较少的简单页面。针对这种效果也出现了不少 jQuery 插件,如之间介绍的 fullPage.js 和 Scrollify,今天再介绍一款 jQuery 单页/全屏滚动插件——onepage-scroll。 onepage-scroll 还算小巧,min 版本仅 9kb,它有如下功能、特点: (不)显示右侧圆点项目导航 (不)显示命…- 0
- 0
- 153
-
[代码样式]ResizeEnd – 窗口大小调整后处理事件插件
简介 ResizeEnd 是一个小巧的 jQuery 插件,它能够在浏览器窗口大小改变后处理一些事情。它虽然是一个非常简单的插件,但多思考思考,它也有勇武之地,比如在响应式设计方面。 兼容 jQuery 兼容 兼容 jQuery 1.7+。 浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src=&qu…- 0
- 0
- 162
-
[代码样式]onepage-scroll制作iPhone 5s页面
简介 之前介绍了 jQuery单页/全屏滚动插件onepage-scroll,为了更好的了解该插件,作为练习,今天就用它来制作苹果 iPhone 5s 页面。除了使用 onepage-scroll,我们还使用了以下两个文件: ResizeEnd – 用于响应式设计,让浏览器窗口大小改变后使用不同的图片。当然你也可以使用 CSS3 media 媒体查询来设计响应式,这里使用 JavaScript 来…- 0
- 0
- 128
-
[代码样式]BreakingNews – jQuery间歇滚动插件
简介 在浏览网页时,经常能看到间歇滚动的内容,比如公告、动态、滚动新闻等等。今天介绍的这款 jQuery 插件——BreakingNews 就能够制作这种间歇滚动效果。通过配置,它能够设置标题、标题颜色、标题背景颜色、链接颜色、字体大小、边框、宽度、自动滚动、间歇时间等等,同时它还好提供两种过度方式——淡入淡出(fade)和向上滑动(slide)。 浏览器兼容 IE7+ ✔ Chrome ✔ Fi…- 0
- 0
- 125
-
-
[代码样式]One-Page-Nav – jQuery导航插件
简介 电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固定的楼层导航,这个导航列出了所有的楼层,同时还会高亮你正在浏览的楼层,点击其他楼层按钮,又会滚动到其他楼层。这样的导航可以增加用户体验,让购物更加方便快捷。 如果你想在自己的页面上也实现这样的效果,那么可以试试 jQuery-One-Page-Nav 这款 jQuery插件。 浏览器兼容 IE…- 0
- 0
- 120
-
[代码样式]jQThumb – jQuery缩略图插件
简介 为一堆不同尺寸的图片创建相同尺寸的缩略图可不是件容易的事,除非有一个强大的后台程序或靠谱的软件,如果都没有或不想使用后台程序,那么可以试试 jQThumb。jQThumb 是一款基于 jQuery 的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。 jQThumb 兼容所有浏览器,包括 IE6。在高级浏览器中使用背景方式实现,并设置图片的尺寸(background-size)和位置(bac…- 0
- 0
- 169
-
[代码样式]fullPage.js制作网易邮箱大师页面
简介 网易邮箱是国内著名的邮箱,多年的发展累积了大量用户,拥有不错的口碑。2014 年早期,网易邮箱推出了 6.0 版本,更加高大上,小D 也用 fullPage.js 制作了它的介绍页面(点击查看)。近期网易又推出了移动版邮箱客户端——邮箱大师(查看),介绍页面虽然和 6.0 的类似,但还是有较大的不同:邮箱大师使用了 flash,并且滚动后 flash 会重新播放,比较特别。今天小D 就再用 …- 0
- 0
- 182