Bir sayfada 3-4 CSS olması mümkün mü ve daha sonra herhangi bir olayda, tıkla, web sayfasının tamamı için css'yi değiştir. Bu şekilde, kullanıcılarımıza temayı değiştirme yeteneği verebiliriz. Bence tarafından bir elemanın css değişebileceğini biliyoruz:Tıklamada sayfanın/web sitesinin CSS'si nasıl değiştirilir?
$("#myElementID").removeClass("class1").addClass("class2");
Evet, bu mümkün. Tipik olarak, ne yapacağınız, belgenin <head>'undan bir stil sayfasını değiştirecek, ekleyecek veya çıkaracak bir JavaScript işlevi yazmaktır. Deneyimi biraz daha iyi hale getirmek için genellikle kullanıcının tercihini bir çerezde saklarsınız. article on A List Apart that show how to implement this var.
Ve tabii ki, you can do this with jQuery ... jStyler kaynağını kontrol etmek isteyebilirsiniz.
The CSS Zen Garden kolay yolu sayfayı yenileyip yeni bir CSS sunucu tarafı ayarlamak için sadece olduğuna karar sona erdi (beşinci soruya bakın).
Ama ben bu umut verici :) görünüyor jQuery veya javascript –
CSS Bu bağlantıyı bulmak ve eklemek/kod takiben
kaldırmak böylece, 'bağlantı' etiketinin üzerine DOM emdeded I $ olsun MS AJAX yöntemine bakın kullanıyorum (kaldırıp yenisini nasıl ekleneceğini gösterir ama saf DOM veya diğer lehçesi) ile değiştirin: Genellikle harici bir stil yüklemek için en iyi
var head = document.getElementsByTagName('head')[0];
var oldLink = $get("nameOfLink", head);
if(oldLink!=null)
head.removeChild(oldLink); //remove old entry
var s = document.createElement('link');
s.id="nameOfLink";
s.type = 'text/css';
s.rel="stylesheet";
s.charset ='utf-8';
s.href = "http://your-provided-url";
head.appendChild(s);
, "link rel =" stil sayfasını kaldırıyor ve ekliyor "bunu yapacak mı? emin değilim, ama ben bir denemek zorunda kalacağım –
@Rakesh Juyal tür/id/charset artıklık demek? Öyleyse, karakter kümesi gerçekten gereksizdir, ancak bazı tarayıcılar tarafından türlerin kullanılması şiddetle tavsiye edilir (Ben türden yanlış olabilirim, ancak IE'nin buna ihtiyacı var). Son 'id' komut dosyası mantığı ile gereklidir. – Dewfy
(bir <linki>) ekleyin: http://snipplr.com/view/3873/failsafe-load-for-attaching-stylesheet/
ama bir demet oluşturmak gerekiyorsa sinek üzerindeki stilleri, Ayrıca oluşturmak ve DOM bir <stile> düğüm ekleyebilirsiniz: http://jonraasch.com/blog/javascript-style-node
kullanarak demek, bu @client tarafını yapmak istiyorum 1 –
jQuery için jStyler plguin bakın , kaynak oldukça kısa ve anlaşılması kolay. –