méthode jquery pour obtenir l'effet d'affichage tournant de la page blinds_jquery

L'exemple de cet article décrit la méthode d'utilisation de jquery pour obtenir l'effet d'affichage défilant des stores de page. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

1. Le code ici nécessite la prise en charge de jquery1.3 ou supérieur, comme indiqué ci-dessous :

Copier le code Le code est le suivant :

jQuery.fn.extend((
Fonction($){
      var l = 4,//Nombre de lignes de défilement
            t=5000,//Après avoir fait défiler une fois, combien de temps faudra-t-il pour commencer à faire défiler la prochaine fois
              rt=500,//Temps écoulé pour chaque n défilement
n="li",//La balise HTML à faire défiler
contenue dans l'objet de défilement par défaut o="ul",//En cas de défilement, la balise HTML
qui enveloppe l'élément de défilement est activée               e,//Appeler l'objet
fr,//Appelle la collection de tous les objets à faire défiler dans l'objet
             h;//Hauteur de la ligne de défilement
        var vLimit=80;//Légèrement plus petit que la limite visuelle de 0,1 s
        var maxRnum=Math.ceil(rt/vLimit);//Nombre maximum de parchemins
          var maxRh=0; // Chaque hauteur de défilement
            var fnRollFirst=function(arg){//Enroulez arg de 1 n, et une fois terminé, déplacez le premier n vers la dernière position
               var rCount=0 //Enregistrement du nombre de défilements
                var rVal=setInterval(function(){//Boucle chaque vLimit, pour un total de maxRnum-1 fois
rCompte ;
                           arg.scrollTop(arg.scrollTop() maxRh);
If(rCount>=(maxRnum-1)){//1 volume de moins
;                                                                                                 arg.scrollTop(arg.sc rollTop() h-maxRh*(maxRnum-1));//La dernière valeur de défilement modifiée
//Déplacer le premier élément à la fin
                                                                       var nowN=arg.children(n);
maintenantN.eq(maintenantN.length-1).after(maintenantN.eq(0));
//La première position doit être corrigée en rembobinant une fois libérée
                                                                                                                                                                                                                                                                      } ;                          },vLimit);
        };
        var fnRollArr=function(arg){//Commencez à faire défiler un par un les objets du tableau
          var out=setInterval(function(){
                         fnRollFirst(arg.shift());
Si(!arg.length){
;                 };
             },rt);                                                      };
        var fnRoll=function(){//Obtenir la collection d'objets qui doivent défiler un par un
            var arr=new Array();
              e.children(o).each(function(){
              var rn=$(this).children(n);
Si(rn.length>1){
                   arr.push($(this));
                };
            });
              setInterval(function(){
                             fnRollArr(arr.slice(0));
             },t);
        };
        var fnLay=function(){//Mise en page
              h=en.height();
            var nu=Math.ceil(en.length/l);
          var u=$("<" o ">");
u.css({"overflow":"hidden","height":h "px","margin-bottom":"15px"});
pour(var i=0;i                     en.slice(nu*i,nu*(i 1)).wrapAll(u);
                                                                                     };
        var fnMain=function(){//Méthode principale de défilement
Si(maxRnum>1){
                        fnLay();
                      maxRh=Math.ceil(h/maxRnum);
                       fnRoll();
            };
        };
        var fnStart= function(arg){//Initialiser le mode d'affichage
             e=arg;
              fr = e.children(n);
               fr.show();
Si(en.length>l){
                         fnMain();
               }autre{
                       return false ;
            };
        };
         revenir {
​​​​​​ setLine : function(num){//Définir le nombre de lignes à diviser pour le défilement
(!isNaN(num) && num>0)?l=num:"";
                   renvoyez ceci ;
            },
​​​​​​ setTime : function(num){//Intervalle de défilement : millisecondes
(!isNaN(num) && num>0)?t=num:"";
                   renvoyez ceci ;
            },
              startRoll : function(){//Démarrer le défilement
                                      fnStart(this);
            }
        };
>
)(jQuery));

2. La page peut ressembler à ceci

Copier le code Le code est le suivant :

 

     李飞正在申请成为经验达人
 

 

     李飞已向职场专题《我是个亚太人呀亚太人》投稿
 

 

     董川民已成功购买职场专题《我是个亚太人呀亚太人》
 

 

     李飞对《我是个亚太人呀亚太人》的解决方案又卖出一次
 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

   
 

     李飞向职场专题《我是个亚太人呀亚太人》的投稿已通过审核，获得1元奖励。
 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥评论经验：
    

人生感悟及处事技巧人生感悟及处事

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

  
 

     李飞已正式成为经验达人
 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥评论经验：
    

人生感悟及处事技巧人生感悟及处事

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

    
 

     李飞已邀请董川民成为经验达人
 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥评论经验：
    

人生感悟及处事技巧人生感悟及处事

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

 

 

     三内里奥回答了大飞的提问
    

人生感悟及处事技巧人生感悟?

Sannerio a répondu à la question de Da Fei

Idées de vie et compétences de gestion

J'espère que cet article sera utile à la programmation jQuery de chacun.