Parfaitement compatible avec les graphiques Sina imitation jQuery et les effets de défilement intermittent du texte des principaux navigateurs_jquery

1. Description de l'effet et de la fonction : la liste de textes d'images imitation Sina Weibo apparaît et disparaît en fondu et défile de haut en bas par intermittence

2. Le principe de mise en œuvre est de configurer d'abord le div pour afficher uniquement 4 images. Les images supplémentaires seront automatiquement masquées. Ensuite, ajoutez un événement d'animation aux images afin qu'elles puissent défiler et jouer. L'effet est joué par la balise li. Le contenu, les images et le texte à l'intérieur traitent chaque li dans son ensemble, lors du défilement, ils entrent dans le div et sont affichés lorsqu'ils quittent finalement le div, ils sont masqués. effet d'animation pour fonctionner complètement.

3. Environnement opérationnel

Il peut être implémenté dans IE6 IE7 IE8 et supérieur dans les navigateurs Firefox et Google Chrome

4. Créez un nouveau fichier pour le package compressé de toutes les images, puis décompressez le package et placez-le dans un dossier. Le package compressé des images peut être vu et téléchargé en bas de la page. il n'est pas nécessaire de modifier le nom du dossier car il a déjà été écrit et le chemin dans html5 correspond à

5. Lors de l'enregistrement du fichier html créé, changez le type d'encodage en (UTF-8 avec signature) afin que certains caractères chinois puissent être affichés normalement. Changez le type d'enregistrement (T) en (tous les fichiers (*.*) ), mettez les dossiers html5 et images décompressées dans le même dossier

6.Code

Copier le code Le code est le suivant :

jquery imite Sina Weibo image texte liste écart défilement fondu entrant et sortant défilement

                            

                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

29 novembre 2008 par neue

                                                                                                                                                                                                                                        " title="Voir reflet">                                                                                                                                                                

29 novembre 2008 par neue


           
           
• 
                  http://www.jb51.net/" title="Voir Kate Moross Little Big Planet">
                 

  http://www.jb51.net/" title="Voir Kate Moross Little Big Planet">Kate Moross Little Big Planet< /h5>
                 

  29 novembre 2008 par neue

  
             


           
• 
                  http://www.jb51.net/" title="Afficher sans titre">
                 

  http://www.jb51.net/" title="Afficher sans titre">Sans titre

  
                 

  29 novembre 2008 par mike1052

  
             

           
• 
                  http://www.jb51.net/" title="Afficher la bibliothèque de mon didacticiel">
                 

  http://www.jb51.net/" title="Afficher la bibliothèque de mon didacticiel">Bibliothèque de mon didacticiel

  
                 

  29 novembre 2008 par FrancescoOnAir

  
             

           
• 
                  http://www.jb51.net/" title="Voir Sandy — votre assistant de messagerie personnel gratuit - Connectez-vous">
                 

  http://www.jb51.net/" title="Afficher Sandy — votre assistant de messagerie personnel gratuit - Connectez-vous">Sandy — votre gratuit

  
                 

  29 novembre 2008 par John Doe

  
             

           
• 
                  http://www.jb51.net/" title="Voir Sandy — votre assistant de messagerie personnel gratuit - Connectez-vous">
                 

  http://www.jb51.net/" title="Afficher Sandy — votre assistant de messagerie personnel gratuit - Connectez-vous">Sandy — votre gratuit

  
                 

  29 novembre 2008 par John Doe

  
             

           
• 
                  http://www.jb51.net/" title="View Sandy — votre assistant de messagerie personnel gratuit">
                 

  http://www.jb51.net/" title="Afficher Sandy — votre assistant de messagerie personnel gratuit">Sandy — votre gratuit< ;/h5>
                 

  29 novembre 2008 par John Doe

  
             


           
• 
                  http://www.jb51.net/" title="Afficher les valeurs de n Blog">
                 

  http://www.jb51.net/" title="Afficher les valeurs de n Blog">Valeurs de n Blog                

  29 novembre 2008 par John Doe

  
             


       

   

怎么样，效果相当不错吧。