价格筛选条

所属分类:媒体-滑块和旋转

价格筛选条 ie兼容6

1.所需引用文件:style.css(样式可自定义)、slider.js(价格拖动筛选封装函数)

2.配置js:

$("#price-range").slider({
    unit: "万",
    beyondMax: true,
    beyondMin: true,
    firstWidth: 34,
    lastWidth: 23,
    scale: [
        {
            key: 0,
            value: [1, 1, 1]
        },
        {
            key: 5,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 10,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 15,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 20,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 25,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 30,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 35,
            value: [3, 2, 5, 3, 2]
        },
        {
            key: 50,
            value: [5, 5, 5, 5]
        },
        {
            key: 70,
            value: [10, 10, 10]
        },
        {
            key: 100,
            value: 0.5
        },
        {
            key: 110
        }
    ]
    })
.on("changed", function(e, args) {
    var min = args.value.leftValue,
        max = args.value.rightValue;
    console.log(min,max);
    // location.href = '/car/' + min + '_' + max + '-0.0_0.0-0-0-0-0-0-0-0-0/';
});
$("#price-range").data("slider").setRange({
    leftValue: 0,
    rightValue: 110
});
相关插件-滑块和旋转

jCarousel是一个jQuery插件用于控制水平或垂直顺序的项目清单

它提供了一个功能全面的和灵活的工具集,用于导航或图片展示旋转木马效果以及基于HTML的任何内容。
  滑块和旋转
 9676  16

价格筛选条

jQuery价格区间筛选
  滑块和旋转
 941  11

jquery跨浏览器控制图片旋转插件jQueryRotate.js

跨浏览器控制图片旋转jquery插件进行任意角度的旋转。对于不支持CSS3动画的浏览器,插件会自动使用canvas或VML(IE6)技术进行回退。
  滑块和旋转
 4946  65

css3滑动按钮

css3滑动开关按钮效果,带回调函数
  滑块和旋转
 1869  13

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    七发左轮 0
    2017/11/6 13:50:10
    豆包 0
    2017/11/4 14:59:27
取消回复