全部标签

脚本代码

最新最多浏览最多喜欢最多评论

[代码样式]jQuery下拉框美化插件DropKick

DropKick 是一个下拉框美化插件，使用非常简单，直接为下拉框 select 调用方法即可，瞬间让你摆脱繁琐。DropKick 有 3 种主题，你可以选择一种与你的页面更加搭配的，当然你也可以自己定义 CSS。 DropKick 支持键盘上下选择；支持回调，可以轻松的获取 value 值。 DropKick 不支持 IE6，但会显示下拉框默认的样式，不影响页面使用；而其他的浏览器都支持。Dro…
脚本代码
- 0
- 0
- 73
姜雅天20年12月3日
[代码样式]jQuery立体相册插件Parallax Slider

Parallax Slider 是一个充满活力的图片幻灯片插件，它充分利用了视觉差原理，当图片滑动时，背后的大幅背景也会随着移动，非常有视觉冲击力。用它来做图片、相片展示是非常不错的。使用方法引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/parallaxSlider.css"> <script sr…
脚本代码
- 0
- 0
- 53
贸博简20年12月3日
[代码样式]jQuery内容展开折叠插件Collapse

Collapse 是一款用于内容展开折叠的轻量级插件，并且还带有动画和手风琴效果。Collapse 提供了多种接口，如：自定义展开折叠时间、绑定 CSS3 动画效果、自定义标签、事件绑定、默认展开等。使用方法引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script s…
脚本代码
- 0
- 0
- 102
邬春柔20年11月20日
[代码样式]jQuery滚动到顶部插件scrollUp

当网页内容过长，你浏览到底部需要回到顶部时，是不是希望“一键直达”呢？scrollUp 就是这样一款插件，它能够让用户滚动条滚动到一定的位置时（可设置），右下角出现“滚动到顶部”的按钮，点击后，页面就是慢慢的滚动到顶部，而不是硬生生的直接回到顶部，提高了用户体验。 scrollUp 还提供了 3 种主题，在 css 文件夹下。当然你可以自定义。使用方法引入文件 <script src="…
脚本代码
- 0
- 0
- 84
安荷巧20年11月20日
[代码样式]jQuery图片文字无间断滚动插件YLMarquee

YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件，该插件可以轻松实现图片或文字向左或向右滚动，可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低，兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。使用方法引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"&…
脚本代码
- 0
- 0
- 177
姜雅天20年11月20日
[代码样式]jQuery图片黑白开关插件BlackAndWhite

BlackAndWhite 是一款图片类的插件，这款插件可以很容易地将任何彩色图片转换成B&W灰度图片，当鼠标移动到图片上时，图片可慢慢恢复原有的色彩。该插件可用于图片展示或相册等。使用方法引入文件 <script src="https://www.dowebok.com/js/jquery-1.9.0.min.js"></script> <script …
脚本代码
- 0
- 0
- 69
洪华清20年11月20日
[代码样式]jQuery跟随滚动插件Scroll Follow

Scroll Follow 是一个简单小巧的 jQuery 插件，该插件可以让页面中的某个元素随着滚动条的滚动而跟随滚动，据说有很多人用来放广告，可以大大增加广告的“亮相”率和点击率。其实不单是广告，像导航、分享、热门内容等都可以应用。Scroll Follow 几乎兼容所有浏览器，包括 IE6 及 Safari 3、Opera 9 等比较老的浏览器。由于 Scroll Follow 最后一次更…
脚本代码
- 0
- 0
- 77
范昆谊20年11月20日
[代码样式]灰色红色风格分页HTML

这是一款来之国外的分页样式，主要以灰色为主，红色为辅。经测试，兼容所有浏览器，但 IE6 png 背景图片未处理，请自行处理。如果喜欢这款分页就拿去使用吧。
脚本代码
- 0
- 0
- 88
从芳茵20年11月20日
[代码样式]一个很酷的jQuery动画菜单

使用方法引入文件 <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com/js/animate-bg.js"></script> 除了 jQuery 文件外，还需要引入 animate-bg.js 文件…
脚本代码
- 0
- 0
- 35
从芳茵20年11月20日
[代码样式]jQuery占位符插件placeMe

在 HTML5 中，占位符 placeholder 属性是很有用的，它能够起到提示左右，指引用户。但一些古老的浏览器不支持该属性，尤其是 IE，而 placeMe.js 就是针对这些古老的浏览器“兼容” placeholder 属性的 jQuery 插件。使用方法引入文件 <script src="https://www.dowebok.com/js/jquery.min.js">…
脚本代码
- 0
- 0
- 64
许酒嘉20年11月20日
[代码样式]仿亚马逊风格图片滚动效果

使用方法引入文件 <link rel="stylesheet" href="https://www.dowebok.com/css/amazon_scroller.css"> <script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.…
脚本代码
- 0
- 0
- 52
锐梦琪20年11月20日
[代码样式]jQuery缩略图插件jQuery-Fakecrop

简介不同尺寸的图片要以缩略图的形式放在一起是一件很困难的事情，也许你会使用 CSS 或 JavaScript 来处理，但是这些方法要么效果不是很好，要么效果还行却很麻烦。如果手动为每张图片创建一张缩略图那就更麻烦了。这个时候你可以使用 jQuery-Fakecrop，这是一个基于 jQuery 的缩略图插件，它能够“截图”图片的某一部分作为缩略图或者完全等比例缩放，总之，jQuery-Fakec…
脚本代码
- 0
- 0
- 63
姜雅天20年11月20日
[代码样式]jQuery响应式图片画廊插件S Gallery

简介 S Gallery 是一款使用了 CSS3 动画效果的 jQuery 响应式片画廊插件，插件的灵感来自于SONY（索尼）的一个产品展示页，原本是由 Flash 制作的，而作者则用 HTML、CSS3 和 JavaScript 创建了这样的效果。 S Gallery 有一个很棒的功能：当退出幻灯片模式返回到网格视图模式时，当前查看的图片会以很明显的动画方式“返回”到网格视图中的位置，从而让你知…
脚本代码
- 0
- 0
- 55
从芳茵20年11月20日
[代码样式]jQuery图片延迟加载插件Lazy Load

简介 Lazy Load 是一款基于 jQuery 的图片延迟加载插件，它可以让浏览器可视区域外的图片不加载，当滚动到它们的位置时才加载。延迟加载可以使页面加载更快，减少服务器的负担，甚至是节约带宽。兼容性 Lazy Load 兼容所有浏览器，包括 IE6、IE7。使用方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.mi…
脚本代码
- 0
- 0
- 54
竺绮山20年11月20日
[代码样式]简单的JavaScript图像延迟加载库Echo.js

简介和 Lazy Load 一样，Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件，而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库，可独立使用。并且 Echo.js 非常小巧，压缩后不足 1KB。兼容性 Echo.js 使用了 HTML5 的 date 属性，并且需要获取该属性的值，所以它并…
脚本代码
- 0
- 0
- 51
锐梦琪20年11月20日
[代码样式]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
- 69
范昆谊20年11月20日
[代码样式]onepage-scroll – jQuery单页/全屏滚动插件

简介单页/全屏滚动页面越来越常见了，它多用于产品介绍、招聘等内容较少的简单页面。针对这种效果也出现了不少 jQuery 插件，如之间介绍的 fullPage.js 和 Scrollify，今天再介绍一款 jQuery 单页/全屏滚动插件——onepage-scroll。 onepage-scroll 还算小巧，min 版本仅 9kb，它有如下功能、特点：（不）显示右侧圆点项目导航（不）显示命…
脚本代码
- 0
- 0
- 78
范昆谊20年11月20日
[代码样式]ResizeEnd – 窗口大小调整后处理事件插件

简介 ResizeEnd 是一个小巧的 jQuery 插件，它能够在浏览器窗口大小改变后处理一些事情。它虽然是一个非常简单的插件，但多思考思考，它也有勇武之地，比如在响应式设计方面。兼容 jQuery 兼容兼容 jQuery 1.7+。浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <script src="ht…
脚本代码
- 0
- 0
- 77
姜雅天20年11月20日
[代码样式]BreakingNews – jQuery间歇滚动插件

简介在浏览网页时，经常能看到间歇滚动的内容，比如公告、动态、滚动新闻等等。今天介绍的这款 jQuery 插件——BreakingNews 就能够制作这种间歇滚动效果。通过配置，它能够设置标题、标题颜色、标题背景颜色、链接颜色、字体大小、边框、宽度、自动滚动、间歇时间等等，同时它还好提供两种过度方式——淡入淡出（fade）和向上滑动（slide）。浏览器兼容 IE7+ ✔ Chrome ✔ Fi…
脚本代码
- 0
- 0
- 71
竺绮山20年11月20日
[代码样式]onepage-scroll制作iPhone 5s页面

简介之前介绍了 jQuery单页/全屏滚动插件onepage-scroll，为了更好的了解该插件，作为练习，今天就用它来制作苹果 iPhone 5s 页面。除了使用 onepage-scroll，我们还使用了以下两个文件： ResizeEnd – 用于响应式设计，让浏览器窗口大小改变后使用不同的图片。当然你也可以使用 CSS3 media 媒体查询来设计响应式，这里使用 JavaScript 来…
脚本代码
- 0
- 0
- 61
洪华清20年11月20日
[代码样式]One-Page-Nav – jQuery导航插件

简介电商网站的分类比较明确，比如1楼是手机通讯产品，2楼是家用电器，3楼是服装鞋包等等，旁边还会有一个固定的楼层导航，这个导航列出了所有的楼层，同时还会高亮你正在浏览的楼层，点击其他楼层按钮，又会滚动到其他楼层。这样的导航可以增加用户体验，让购物更加方便快捷。如果你想在自己的页面上也实现这样的效果，那么可以试试 jQuery-One-Page-Nav 这款 jQuery插件。浏览器兼容 IE…
脚本代码
- 0
- 0
- 57
洪华清20年11月20日
[代码样式]管理员和嘉宾登录页面HTML代码

一个管理员登录界面，一个嘉宾登录界面，布局一致，主要是颜色上的区别，可以下载后根据需要修改。
脚本代码
- 0
- 0
- 94
姜雅天20年11月20日
[代码样式]jQThumb – jQuery缩略图插件

简介为一堆不同尺寸的图片创建相同尺寸的缩略图可不是件容易的事，除非有一个强大的后台程序或靠谱的软件，如果都没有或不想使用后台程序，那么可以试试 jQThumb。jQThumb 是一款基于 jQuery 的缩略图插件，它能够很方便的制作指定的尺寸的缩略图。 jQThumb 兼容所有浏览器，包括 IE6。在高级浏览器中使用背景方式实现，并设置图片的尺寸（background-size）和位置（bac…
脚本代码
- 0
- 0
- 100
洪华清20年11月12日
[代码样式]FlexSlider制作新浪2014成都车展幻灯片

简介 2014 成都国际车展已于昨天（8月29日）启动，各大门户网站都制作了专题，今天我们用 jQuery 幻灯片插件 FlexSlider 来制作新浪车展专题的幻灯片。浏览器兼容 IE6+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 制作方法 1、引入文件 <script src="https://www.dowebok.com/js/jquery.min…
脚本代码
- 0
- 0
- 58
邬春柔20年11月12日