jQuery melaksanakan peluncur html yang menyokong IE_jquery

复制代码 代码如下:

.d_b{
    ketinggian: 20px;
    lebar: 10px;
    paparan: blok sebaris;
    warna latar belakang: hitam;
    jawatan: relatif;
    jajar menegak: tengah;
    atas: -15px;
    kiri: -5px;
}

var $dom = $(dokumen);
$dom.on('mousedown','#d',function (argument) {
    $(this).data('mouse','down');
    console.log('down');
})
$dom.on('mouseup',function(){
    $('#d').data('tetikus','up');
    console.log('up');
});
$dom.on('mousemove','#d',function(event){
    if($(this).data('mouse') == 'down'){
        var m_x = event.clientX;
        var d_b = $(this).cari('.d_b');
        m_x = m_x < 8 ? 8 : m_x;
        m_x = m_x > 208 ? 208: m_x;
        d_b.css('kiri',m_x-13);
        var max = $(this).attr('maks');
        $(this).attr('value', Math.floor((m_x-8)/200 * maks))
        console.log($(this).attr('value'));
        $('#text').text($(this).attr('value'))
    }
});

效果图：

以上就是本文的全部内容了，希望能够对大家学习使用jQuery有所帮助。