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

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>

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>

-->

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!