Bootstrup增强版jQuery slider滑块插件

这是一款在原生bootstrup slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性,美化的效果非常好。

这个bootstrup slider插件可以不依赖于jquery,使用纯js的方式也可以操作它。

作为jQuery插件版本的bootstrap-slider

var mySlider = $("input.slider").slider();
 <pre name="code" class="javascript">// Instantiate a slider
var mySlider = new Slider("input.slider", {
    // initial options object
});

// Call a method on the slider
var value = mySlider.getValue();
<strong style="font-family: Arial, Helvetica, sans-serif;"> </strong>

使用原生js调用bootstrup slider

// Instantiate a slider
var mySlider = new Slider("input.slider", {
    // initial options object
});

// Call a method on the slider
var value = mySlider.getValue();

// For non-getter methods, you can chain together commands
mySlider
    .setValue(5)
    .setValue(7);

在线演示:http://www.htmleaf.com/Demo/201502041325.html

下载地址:http://www.htmleaf.com/jQuery/Form/201502041324.html

时间: 2024-11-11 21:13:02

Bootstrup增强版jQuery slider滑块插件的相关文章

增强型jQuery ui Slider滑块插件

这是一款基于jQuery UI并在它的基础上增强了许多功能的Slider滑块插件.该插件在原来jQuery UI的滑块基础上进行了样式美化,各种label都可以自定义,并且提供了很多slider滑块移动时的动画效果. 注意事项: 该slider滑块插件在于jqueryui 1.11.2配合使用时会有一点不兼容的情况.具体表现为当步长值不能够整除最大值的时候,那么滑块上的点和标签将会分布不均匀. 在线演示:http://www.htmleaf.com/Demo/201502131373.html

11个新鲜出炉的jQuery图像滑块插件

如今图像滑块已成为一种流行的Web设计元素,通过滑块,你可以在有限的页面空间中展示更多的内容,带给用户更佳的浏览体验.本文将为你带来一些非常实用的jQuery图像滑块插件. 1.  Basic Slider 顾名思义,这是一个最基本的滑块,相当简单.轻量,只提供了最基本的功能. 2.  BXSlider 这是一个响应式的.复杂的滑盖插件,支持富内容.触摸/滑动手势.原生硬件加速和回调API,整体来说相当不错. 3.  WOWSlider 一个很酷的滑块插件,提供了各种不同的视觉效果,如旋转.模糊

一款手机端的jQuery图片滑块插件

今天我们要介绍一款比较特别的jQuery图片滑块插件,它不仅在PC浏览器上可以使用,而且更适合在手机端的网页中使用.这款jQuery插件不仅可以定义图片切换的方向,而且可以即时切换图片切换的动画方式,可以有平移.翻转.旋转和幻灯片模式,动画效果非常不错. 在线预览   源码下载 实现的代码: <h4 style="text-align: center"> animateType参数中设置,目前支持default, rotate, flip 和 depth, 点击按钮看效果&

前端不容错过的jQuery图片滑块插件

作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到. 1.jQuery多图并列焦点图插件 今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片.另外,每张图片也都有文字描述

前端开发不容错过的jQuery图片滑块插件(转)

作为前端开发者,我们会碰到很到各种各样的jQuery插件.今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到. 1.jQuery多图并列焦点图插件 这是一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示.和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片.另外,每张图片也都有文字描述. 在线演示  /  源码下载 2.j

分享22款响应式的 jQuery 图片滑块插件

响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验.这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果. 1. Slides.js SlidesJS 是一款响应式的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件.支持循环.自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果.

java版-JQuery上传插件Uploadify使用实例

摘自:http://itindex.net/detail/47160-java-jquery-%E4%B8%8A%E4%BC%A0 运行效果: 包结构图: 后台JAVA逻辑: package com.bijian.study; import java.io.File; import java.io.IOException; import java.util.Iterator; import java.util.List; import java.util.UUID; import javax.s

八款强大的jQuery图片滑块动画插件

jQuery是一款相当轻巧的JavaScript框架,目前几乎每一个WEB项目都在使用jQuery,因为jQuery插件实在太丰富,尤其是 一些图片滑块插件和jQuery焦点图插件,更是多如牛毛,很多初学者只需稍微修改就可以使用.本文精选了8款比较强大的jQuery图片滑块动画插件, 希望对读者有所帮助. 1.jQuery可自动播放动画的焦点图插件 这是一款基于jQuery的可自动播放动画的焦点图插件,各种元素悬浮在图片上,并且可以随意组合播放动画,非常适合一些产品的展示和宣传. 在线演示源码下

适应手机端的jQuery图片滑块动画

一款比较特别的jQuery图片滑块插件,它不仅在PC浏览器上可以使用,而且更适合在手机端的网页中使用.这款jQuery插件不仅可以定义图片切换的方向,而且可以即时切换图片切换的动画方式,可以有平移.翻转.旋转和幻灯片模式,动画效果非常不错. 在线演示       源码下载