Maison > interface Web > js tutoriel > Utilisez jQuery pour implémenter une barre de défilement numérique tridimensionnelle afin d'augmenter l'effet, exemple

Utilisez jQuery pour implémenter une barre de défilement numérique tridimensionnelle afin d'augmenter l'effet, exemple

怪我咯
Libérer: 2017-03-29 15:57:36
original
1857 Les gens l'ont consulté

jquery obtient l'effet d'ajouter une barre de défilement numérique tridimensionnelle. Le code est divisé en deux parties, une partie est une structure HTML et l'autre partie appartient au. js segment de code, qui est obligatoire Amis, merci de vous y référer !

1. Structure HTML

<p class="numberRun1"></p>
Copier après la connexion

2. 🎜>3. Étui photo

<script type="text/javascript" src="js/digital_over.js" ></script>//引用
//这是自定义函数(需要在页面中进行调用)
<script>
  //数字滚动
  function digitalScroll(obj,n){
    var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","});
    var nums = n;
    setInterval(function(){
      numRun.resetData(nums);
    },3000);
    var numWidth= $(obj).width();
    $(obj).find(&#39;.mt-number-animate&#39;).css(&#39;width&#39;,numWidth);
    $(obj).css(&#39;width&#39;,&#39;100%&#39;);
    $(obj).find(&#39;.mt-number-animate&#39;).css(&#39;margin&#39;,&#39;0 auto&#39;);
  }
  window.indexdigitalScroll=function(){
    digitalScroll($(&#39;.numberRun1&#39;),1160518);
  }
</script>
<!--这是在页面中调用的方法-->
<script>
  $(function(){
    indexdigitalScroll();
    });
</script>
Copier après la connexion




Utilisez jQuery pour implémenter une barre de défilement numérique tridimensionnelle afin d'augmenter l'effet, exemple

-->

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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