任何Slider都是一个易于使用且支持触摸的jQuery插件,允许您为任何html内容创建可自定义的滑块,如图像,文本,视频等. 特征: 重量轻,易于使用 支持键盘导航 使用淡入淡出或幻灯片过渡以及自定义缓动 支持自动播放 有很多选项可以自定义您自己的滑块 基本用法: 1.标记html结构 <div class="slider-wrapper"><font></font> <div class="slider" id=&qu…
简要教程 这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件.该slider插件可以自定义slider的颜色.形状.透明度和tooltip等属性,美化的效果非常好. 安装 可以使用npm和bower来安装该slider插件. npm install bootstrap-slider bower install seiyria-bootstrap-slider 使用方法 首先要在页面中引入必要的css和js文件. <link href="c…
---恢复内容开始--- jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序.浏览器分页.服务器分页.筛选.格式化等功能.dataTables 的网站上也提供了大量的演示和详细的文档进行说明,为了方便学习使用,这里一步一步进行说明. 首先,需要到 dataTables 的网站 http://www.datatables.net/ 下载这个脚本库, 然后,在网页中先加入 jQuery 的引用,然后,加入 dataTables 的引用. 引入CSS文件和JS文件…
myslider是一个内容滚动jquery插件,版本0.1.2的每次滚动内容是一行内容,可以是文字,可以是一个链接,还可以是图片. 官方网址:http://keleyi.com/jq/myslider/ 参考:http://plugins.jquery.com/myslider/ 例子代码: <!DOCTYPE html> <html> <head> <title>myslider</title><base target="_bl…
插件介绍: jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转.翻转.放大缩小等动画特效.使用Smoove页面滚动元素动画特效插件可以很轻松的制作出各种华丽的CSS3动画效果. 基本用法 $('.smoove').smoove(options); 上面的代码会在class为 smoove 的元素上使用默认参数初始化 jQuery Smoove. 你可以通过dat…
传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主题是 今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. AS…
Glide.js 是一款响应式和对触摸友好的 jQuery 滑块.基于 CSS3 转换实现,并在低版本浏览器降级处理.Glide.js 简单,重量轻,快速,适用于智能手机,平板电脑和台式机.它支持 swipe 事件,箭头和子弹导航,键盘导航,公共 API 回调,自动播放和悬停暂停功能. 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 jQuery Flat Shadow – 轻松实现漂亮长阴影效果 SlimerJS – Web开发人员可编写 JS 控制的浏览器…
首先,如图一:当打开页面是,产品出现了淡入淡出切换轮播状态,当鼠标点击左边的小图时,就会切换出相对应的大图,当鼠标移开的时候,这个轮播就会停止自动轮播,只有人工手动才能进行切换:是一个不错的体验! 如图二:当页面打开时,大广告图会五秒向左切换轮播,当鼠标点击到左右两边的上一页,下一页按钮时,大图会随着切换到下一张图片,当点击下面的小图时,才会出现小图所在的大图位置,当鼠标移开之后,大图就不会继续轮播切换了,只有当鼠标点击时候才会继续切换! 这个插件效果是多变的,其中,Javascript的代码如…
Jquery jcarousellite 插件的好处 其中: 参数说明: btnPrev     string 上一个按钮的class名, 比如  btnPrev: ".prev" btnNext     string 下一个按钮的class名, 比如  btnPrev: ".prev" btnGo       array  自定义滚动位置,类似幻灯片效果置,有选项卡,按照数组顺序,依次为按钮1按钮2按钮N,如以下,class名为1的按钮是第一个按钮:["…
1.NiceScroll:可用于桌面.移动与触摸设备的jQuery滚动插件 NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式.它支持Div.iFrame.一个body的滚动条效果.适用于iOS设备. 在线演示| 下载 2.Lion样式jQuery滚动条:nanoScroller nanoScroller提供提供了一种简便的方式让你的网站拥有Mac OS X Lion样式的滚动条. 在线演示| 下载 3.jQuery自定义内容滚动 自定义滚动插件…