首页  >  文章  >  web前端  >  jQuery实现的支持IE的html滑动条_jquery

jQuery实现的支持IE的html滑动条_jquery

WBOY
WBOY原创
2016-05-16 16:09:081037浏览

复制代码 代码如下:









<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 &#63; 8 : m_x;<br /> m_x = m_x > 208 &#63; 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有所帮助。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn