Perfekt kompatibel mit jQuery-Nachahmung von Sina-Grafiken und Text-Ein- und Ausblendeffekten mit intermittierenden Scrolleffekten der wichtigsten Browser_jquery

1. Wirkungs- und Funktionsbeschreibung: Nachahmung der Sina Weibo-Bildtextliste wird ein- und ausgeblendet und zeitweise nach oben und unten gescrollt

2. Das Implementierungsprinzip besteht darin, das Div zunächst so einzustellen, dass nur 4 Bilder angezeigt werden. Anschließend wird den Bildern ein Animationsereignis hinzugefügt, damit sie gescrollt und abgespielt werden können Der Effekt wird durch das Li-Tag abgespielt. Beim Scrollen werden sie in das Div eingefügt und beim Verlassen des Divs ausgeblendet Animationseffekt vollständig ausgeführt werden.

3. Betriebsumgebung

IE6 IE7 IE8 und höher können in den Browsern Firefox und Google Chrome implementiert werden

4. Erstellen Sie eine neue Datei für das komprimierte Paket aller Bilder, entpacken Sie das Paket und legen Sie es in einem Ordner ab. Nach dem Herunterladen können Sie das komprimierte Paket der Bilder sehen und herunterladen. Der Ordnername muss nicht geändert werden, da er bereits geschrieben wurde und der Pfad in HTML5 mit

übereinstimmt

5. Ändern Sie beim Speichern der erstellten HTML-Datei den Codierungstyp in (UTF-8 mit Signatur), damit einige chinesische Zeichen normal angezeigt werden können. Ändern Sie den Speichertyp (T) in (alle Dateien (*.*)). ), legen Sie die HTML5- und dekomprimierten Bildordner im selben Ordner

ab

6. Code

Code kopieren Der Code lautet wie folgt:

jquery imitiert Sina Weibo-Bild, Textliste, Lücken-Scrolling, Ein- und Ausblenden des Scrollens

         

                                                                                                                                       

round

                                                                                                                                                                                  

29. November 2008 von neue

                                                                                                                                                                                                                              
                                                                                                                                                          

29. November 2008 von neue


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

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

  29. November 2008 von neue

  
             


           
• 
                  http://www.jb51.net/" title="View Untitled">
                 

  http://www.jb51.net/" title="View Untitled">Untitled

  
                 

  29. November 2008 von mike1052

  
             

           
• 
                  http://www.jb51.net/" title="Bibliothek meines Tutorials anzeigen">
                 

  http://www.jb51.net/" title="Bibliothek meines Tutorials anzeigen">Bibliothek meines Tutorials

  
                 

  29. November 2008 von FrancescoOnAir

  
             

           
• 
                  http://www.jb51.net/" title="Sandy ansehen – Ihr kostenloser persönlicher E-Mail-Assistent – ​​Anmelden">
                 

  http://www.jb51.net/" title="Sandy ansehen – Ihr kostenloser persönlicher E-Mail-Assistent – ​​Anmelden">Sandy – Ihr kostenloser

  
                 

  29. November 2008 von John Doe

  
             

           
• 
                  http://www.jb51.net/" title="Sandy ansehen – Ihr kostenloser persönlicher E-Mail-Assistent – ​​Anmelden">
                 

  http://www.jb51.net/" title="Sandy ansehen – Ihr kostenloser persönlicher E-Mail-Assistent – ​​Anmelden">Sandy – Ihr kostenloser

  
                 

  29. November 2008 von John Doe

  
             

           
• 
                  http://www.jb51.net/" title="Sehen Sie sich Sandy an – Ihr kostenloser persönlicher E-Mail-Assistent">
                 

  http://www.jb51.net/" title="Sehen Sie sich Sandy an – Ihren kostenlosen persönlichen E-Mail-Assistenten">Sandy – Ihren kostenlosen< ;/h5>
                 

  29. November 2008 von John Doe

  
             


           
• 
                  http://www.jb51.net/" title="Werte von n Blog anzeigen">
                 

  http://www.jb51.net/" title="Werte von n Blog anzeigen">Werte von n Blog                

  29. November 2008 von John Doe

  
             


       

   

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