Maison

Effets spéciaux JS

effets jQuery

Code du plugin de pagination jQuery

Télécharger maintenant Aperçu

code js

  <script src="js/vue.js"></script>
  <script>
    var newlist = new Vue({
      el: '#app',
      data: {
        current_page: 1, //当前页
        pages: 50, //总页数
        changePage:'',//跳转页
        nowIndex:0
      },
      computed:{
         show:function(){
             return this.pages && this.pages !=1
         },
         pstart: function() {
           return this.current_page == 1;
         },
         pend: function() {
           return this.current_page == this.pages;
         },
         efont: function() {
           if (this.pages <= 7) return false;
           return this.current_page > 5
         },
         ebehind: function() {
           if (this.pages <= 7) return false;
           var nowAy = this.indexs;
           return nowAy[nowAy.length - 1] != this.pages;
         },
         indexs: function() {

           var left = 1,
             right = this.pages,
             ar = [];
           if (this.pages >= 7) {
             if (this.current_page > 5 && this.current_page < this.pages - 4) {
               left = Number(this.current_page) - 3;
               right = Number(this.current_page) + 3;
             } else {
               if (this.current_page <= 5) {
                 left = 1;
                 right = 7;
               } else {
                 right = this.pages;

                 left = this.pages - 6;
               }
             }
           }
           while (left <= right) {
             ar.push(left);
             left++;
           }
           return ar;
         },
       },
      methods: {
        jumpPage: function(id) {
          this.current_page = id;
        },
      },

    })
  </script>

一款带跳转功能的vue.js分页插件代码，功能全齐全的vue分页组件，vue.js使用computed计算属性，数据变动执行对应的函数分页代码。

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

jQuery+formdata crée des effets de progression du téléchargement (avec code d'étape)

26 Apr 2018

Cette fois, je vais vous apporter jQuery+formdata pour créer des effets de progression de téléchargement (avec des codes d'étape). Quelles sont les précautions à prendre pour jQuery+formdata pour créer des effets de progression de téléchargement ? Voici un cas pratique, jetons un coup d'œil.

code du menu de navigation flottant dynamique jquery Sharing_jquery

16 May 2016

Cet article présente principalement les effets spéciaux du menu de navigation flottant dynamique jquery. Le menu peut flotter de haut en bas. Il est recommandé à tous les amis dans le besoin de s'y référer.

Explication détaillée du plug-in de pagination jQuery Pagination

01 Jan 2018

Ce plug-in jQuery est un plug-in de pagination Ajax et est chargé une seule fois, il n'y a donc pas d'actualisation ni de délai lors du basculement entre la pagination. Cette méthode n'est pas recommandée si la quantité de données est importante, car le chargement sera plus lent. Cet article partagera avec vous l'utilisation et l'introduction des paramètres du plug-in de pagination jQuery Pagination. Les amis intéressés devraient y jeter un œil.

Explication détaillée de 7 superbes animations jQuery/HTML5 et du code source

08 Mar 2017

jQuery est un framework JavaScript très populaire. En utilisant jQuery, nous pouvons créer des effets d'animation simples, mais combinés avec HTML5, ces effets d'animation deviendront plus remarquables. Cet article partage 7 jQuery combinés avec des animations HTML5 et des téléchargements de code source. 1. HTML5/SVG réalise l'animation d'une horloge à coucou. Il s'agit d'une animation HTML5 très intéressante. Il s'agit d'une horloge à l'ancienne avec un son de coucou et une danse romantique d'un couple. Téléchargement du code source de la démonstration en ligne 2. HTML5/CSS3 pour obtenir un effet de réflexion d'image 3D Cette application utilise principalement CSS3.

Exemple d'affichage d'animation et d'effet de masquage jQuery (avec téléchargement du code source de la démo)_jquery

16 May 2016

Cet article présente principalement la méthode d'implémentation des effets d'affichage et de masquage des animations jQuery, et est livré avec un code source de démonstration que les lecteurs peuvent télécharger et consulter. Il implique les effets d'affichage, de masquage et de fondu des images d'exploitation jQuery. Les amis dans le besoin peuvent se référer au. suivant

utilisation du plug-in de pagination jquery

09 May 2023

Avec le développement continu d’Internet, il est de plus en plus courant que les sites Web affichent de grandes quantités de données. Lors de l'affichage de ces données, des opérations de pagination sont souvent nécessaires. Afin de faciliter la mise en œuvre de la fonction de pagination par les développeurs, jQuery fournit un puissant plug-in de pagination-plug-in de pagination jQuery. Le plug-in de pagination jQuery est un plug-in léger et facile à utiliser qui permet d'implémenter rapidement la fonction de pagination des données de pages Web. Cela peut nous aider à changer facilement de données tout en permettant aux utilisateurs de parcourir les données plus facilement. Ci-dessous, nous présenterons l'insertion de pagination jQuery

code jquery pour obtenir des effets spéciaux intéressants sur le texte du clic de souris

27 Dec 2017

Cet article présente principalement un code jquery intéressant pour les effets de texte de clic de souris. Les amis qui en ont besoin peuvent s'y référer. J'espère qu'il pourra stimuler l'intérêt de tout le monde et utiliser jQuery pour implémenter un effet de clic intéressant.

Exemple de code de pagination sans actualisation JQuery Ajax

10 Jan 2017

Cet article présente principalement l'exemple de code de pagination sans actualisation JQuery Ajax. Les amis qui en ont besoin peuvent venir s'y référer, j'espère que cela sera utile à tout le monde.

Exemple de code de pagination sans actualisation JQuery Ajax

11 Jan 2017

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.