So zeigen Sie Interactive CSS3 Demos
Die CSS3 Entwicklung Bündel Ordner auf jQuery viele nützliche Material enthält. Eines der ersten Stücke, die Sie betrachten sollten, ist der Inhalt der Entwicklung Bündel Demos Ordner, die Beispiele dafür, wie die enthält verschiedene jQuery UI-Funktionen mit Ihrem Thema zu verwenden.
Leider verwenden keines dieser Beispiele eigentlich das Thema, das Sie erstellt, wenn Sie sie ändern, dies zu tun. Zum Beispiel kann die benutzerdefinierte icons.html Beispiel in der Entwicklung Bündel Demos Akkordeon Ordner zeigt, wie diese Aufgabe zu erfüllen, aber Ihr Thema ist standardmäßig nicht verwendet werden.
Glücklicherweise ist es einfach, das Beispiel so zu modifizieren, dass es mit dem Thema an Ort und Stelle angezeigt wird. Das folgende Verfahren erläutert, wie das zu ändern custom-icons.html Beispiel - weitere Beispiele folgen dem gleichen Muster.
Entfernen Sie die vorhandene jQuery, jQuery UI und Stil-Tags.
Sie müssen die allgemeinen Tags zu diesem Beispiel gezeigt, hier zu entfernen.
Fügen Sie die aktualisierte jQuery, jQuery UI und Style-Tags hier gezeigt.
Stellen Sie sicher, dass Sie die Links in index.html vorgesehen verwenden. Da in diesem Beispiel mehrere Schichten tief in der Hierarchie ist, müssen Sie ../ für jeden Ordner Ebene hinzuzufügen, dass das Beispiel unterhalb der Hauptebene (in der Regel drei Ebenen, wie hier gezeigt).
Aktualisieren Sie die Seite.
Sie sehen die Themenausgabe. Dies ist ein typisches Beispiel dafür, was Themen-Ausgabe aussehen könnte.
