Maison > interface Web > js tutoriel > jQuery a implémenté un curseur HTML prenant en charge IE_jquery

jQuery a implémenté un curseur HTML prenant en charge IE_jquery

WBOY
Libérer: 2016-05-16 16:09:08
original
1075 Les gens l'ont consulté

复制代码 代码如下 :









<script><br> var $dom = $(document);<br> $dom.on('mousedown','#d',fonction (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('gauche',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有所帮助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal