Der JavaScript -Code lautet wie folgt:
$ (Dokument) .Ready (function () {$ (". Message_List .Message_body: gt (0)"). hide (); $ (". message_list li: gt (4)"). hide (); Nachrichten $ (". li: gt (4) ").Ein Teil des CSS -Codes ist wie folgt:
* {Margin: 0; Polsterung: 0; } body {margin: 10px auto; Breite: 570px; Schriftart: 75%/120% Arial, Helvetica, Sans-Serif; } p {padding: 0 0 1em; } .Message_List {Listenstil: Keine; Rand: 0; Polsterung: 0; Breite: 383px; } .Message_List li {padding: 0; Rand: 0; Hintergrund: URL (Bilder/Nachrichtenstange.gif) No-Repeat; } .message_head {padding: 5px 10px; Cursor: Zeiger; Position: Relativ; } .message_head .timestamp {color: #666666; Schriftgröße: 95%; Position: absolut; Rechts: 10px; Top: 5px; } .Message_head cite {Schriftgröße: 100%; Schriftgewicht: fett; Schriftstil: normal; } .message_body {padding: 5px 10px 15px; } .collapse_buttons {text-align: rechts; Grenze: Solid 1px #e4e4e4; Polsterung: 5px 0; Breite: 383px; } .collapse_buttons a {margin-links: 15px; float: rechts; } .show_all_message {Hintergrund: URL (Bilder/Tall-down-arrow.gif) No-Repeat Right Center; Padding-Right: 12px; } .show_recent_only {display: keine; Hintergrund: URL (Bilder/Tall-up-arrow.gif) No-Repeat Right Center; Padding-Right: 12px; } .collpase_all_message {Hintergrund: URL (Bilder/Collapse-All.gif) No-Repeat Right Center; Padding-Right: 12px; Farbe: #666666;}Fügen Sie HTML wie folgt Code hinzu:
<ol> <li> <p> <Cite> Zhang san: </cite> <span> vor 1 Minute </span> </p> <div> <p> Hallo <br/> <br/> Dies ist die letzte Nachricht </p> </div> </li> <li> <p> <cite> li si: </cite> </span> 2 Minuten Vorab. </div> </li> <li> <p><cite>Wang Wu:</cite> <span>1 day ago</span></p> <div> <p>First time</p> </li> <li> <p><cite>Li Si:</cite> <span> <span>2 days ago</span></p> <div> <p>Top</p> </div> </li> <li> <p><cite>Wang Wu:</cite> </cite> </cite> </li> <li> <p><cite>Wang Wu:</cite> </cite> </cite> </li> <li> <p><cite>Wang Wu:</cite> </cite> </cite> </li> <li> <p><cite> <span>3 days AGER </span> </p> <div> <p> Unterstützung </p> </div> </li> <li> <p> <Cite> li si: </cite> <span> 5 Tage </span> </p> <div> <p> Hallo allerseits <div> <p>Hello everyone</p> </div> </li> <li> <p><cite>Li Si:</cite> <span>7 days ago</span></p> <div> <p>This is good</p> </div> </li> <li> <p><cite>Wang Wu:</cite> <span> <span>8 days ago</span></p> <div> <p>Good Platzieren </p> </div> </li> </ol> <p> <a href = "#"> Alle Nachrichten anzeigen (9) </a> <a href = "#"> nur fünf Nachrichten anzeigen </a> <a href = "#"> Alle Nachrichten zusammenbrechen </a> </p> <br/>
Fall Download