jQuery hat einen HTML-Slider implementiert, der IE_jquery unterstützt

复制代码 代码如下:

.d_b{
    Höhe: 20px;
    Breite: 10px;
    Anzeige: inline-block;
    Hintergrundfarbe: schwarz;
    Position: relativ;
    vertikal ausrichten: Mitte;
    oben: -15px;
    links: -5px;
}

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

效果图：

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