jQuery는 IE_jquery를 지원하는 HTML 슬라이더를 구현했습니다.

复主代码 代码如下:

<스타일>
.d_b{
    높이: 20px;
    너비: 10px;
    디스플레이: 인라인 블록;
    배경색: 검정색;
    위치: 상대;
    수직 정렬: 중간;
    상단: -15px;
    왼쪽: -5px;
}

var $dom = $(문서);
$dom.on('mousedown','#d',function (인수) {
    $(this).data('mouse','down');
    console.log('다운');
})
$dom.on('mouseup',function(){
    $('#d').data('mouse','up');
    console.log('up');
});
$dom.on('mousemove','#d',function(event){
    if($(this).data('mouse') == '아래'){
        var m_x = event.clientX;
        var d_b = $(this).find('.d_b');
        m_x = m_x < 8? 8 : m_x;
        m_x = m_x > 208? 208: m_x;
        d_b.css('왼쪽',m_x-13);
        var max = $(this).attr('max');
        $(this).attr('값', Math.floor((m_x-8)/200 * max))
        console.log($(this).attr('value'));
        $('#text').text($(this).attr('value'))
    }
});