Wie ändere ich das CSS der gesamten Seite / Website beim Klick?

8

Ist es möglich, 3-4 CSS auf einer Seite zu haben, und dann bei jedem Ereignis, sagen Sie klicken, ändern Sie die CSS für die gesamte Webseite. Auf diese Weise können wir unserem Benutzer die Möglichkeit geben, das Thema zu ändern. Ich weiß, dass wir die CSS eines Elements ändern können:

%Vor%     
Rakesh Juyal 14.03.2010, 16:48
quelle

4 Antworten

9

Ja, das ist möglich. In der Regel schreiben Sie eine JavaScript-Funktion, die ein Stylesheet aus <head> des Dokuments ändert, hinzufügt oder entfernt. Um die Erfahrung ein wenig besser zu machen, speichern Sie normalerweise die Präferenz des Benutzers in einem Cookie. Es gibt einen Artikel auf A List Apart, der zeigt, wie man das implementiert .

Und natürlich können Sie dies mit jQuery machen ... möchten Sie vielleicht überprüfen aus der Quelle von jStyler .

    
Zack The Human 14.03.2010, 16:58
quelle
2

Der CSS Zen Garden (siehe fünfte Frage) entschied letztendlich, dass der einfachste Weg war, die Webseite zu aktualisieren Seite und legen Sie eine neue CSS-Server-Seite.

    
Turtle 14.03.2010 16:55
quelle
0

CSS wird an DOM über den 'link'-Tag übergeben, so dass Sie diesen Link finden und hinzufügen / entfernen können

Der folgende Code zeigt, wie man neue entfernt und hinzufügt (Ich benutze MS AJAX siehe Methode $ get, aber Sie können sie durch reines DOM oder einen anderen Dialekt ersetzen):

%Vor%     
Dewfy 14.03.2010 16:58
quelle
0

Normalerweise laden Sie am besten ein externes Stylesheet (fügen Sie einen & lt; link & gt;) hinzu: Ссылка

Wenn Sie jedoch eine Reihe von Stilen im Handumdrehen erstellen müssen, können Sie auch ein & lt; style & gt; Knoten zum DOM: Ссылка

    
Jon Raasch 14.03.2010 20:06
quelle

Tags und Links