6 HAZİRAN 2012, ÇARŞAMBA

Stil Sayfası Javascript Öğretici Css Takas Stil Sayfası Kullanarak Değiştirme

Bu hızlı JavaScript ve CSS nasıl anında takas biz size göstereceğim dinlemek veya bunları yüklemeden web sayfalarında stil sayfasını değiştirmek Web sayfası bile ayakkabının gibi olacağım yeniden yenilemek zorunda değildir Maçın gibi anında değişti Tamam biz çıplak kemikleri burada başlayacağız bir HTML5 var web belgesi dorky ve gövde elemanı Biz dis yazmanız gidiyoruz ve biz apt emin gidiyoruz güzel ve sayfadaki büyüktür bu şekilde yapmak bir h2 elemanda gerçek görmek iyi Şimdi eleman yaşın altında yapacağız bir başlangıç ​​konum düğme eleman burada açılış ve kapanış ama K bulunuyor Ben click olayı ko

ymak kulüpler ve dış bir durum yukarı olmak için bu sevmiyorum Dreamweaver gibi Bazı kadar ara sıra beyaz bir mayın küçük harf o pic sever yapmak ve ben resmi bir yoldur küçük harf olarak hepsini yazmak düşünüyorum

Dreamweaver veya deve durumda onları görmek I do not bütün bu olaylar işlemcileri Dreamweaver İstiyorum deve dava koymak vardır Nedenini bilmek şimdi karanlık bir stil sayfası söylemek için bu ilk düğmeyi ist

“Ders Kodu: http://www.developphp.com/video/JavaScript/Change-Style-Sheet-Using-Tutorial-CSS-Swap-Stylesheet JavaScript setAttribute yöntemi kullanarak tanıdık bağ...”
Adam Khoury

iyorum bu düğme olacak değiştireceğiz tam sayfa basıldığında çünkü düğme tıklandığında artık karanlık stil kullanmak için Biz bir işlev olarak adlandırılan takas tarzı yürütmek edeceksin o Ben bir argüman geçti olacak bir parametre göndermek edeceğim Bu fonksiyon, o olacak size değiştirmek istediğiniz stil sayfasında adı olacak Bu sizin popo ihtiyacınız var dışarı şimdi olacak iki düğme yapmak konum sadece bu yüzden biz biraz daha fazla örnekler ve çeşitli Seagate var

Stil Sayfası Javascript Öğretici Css Takas Stil Sayfası Kullanarak Değiştirme Resim 1 Stil Sayfası Javascript Öğretici Css Takas Stil Sayfası Kullanarak Değiştirme Resim 2 Stil Sayfası Javascript Öğretici Css Takas Stil Sayfası Kullanarak Değiştirme Resim 3 Stil Sayfası Javascript Öğretici Css Takas Stil Sayfası Kullanarak Değiştirme Resim 4

Eğer onunla gitmek vardır istediğiniz gibi birçok yapmak nasıl Ben bu tek devlet mavi stil sayfası sadece bir ct make değilim top tarzı şık ve bu yapacak Bu düğme yapacak got CSS yükü sınırdışı mavi şimdi açık mıyız belgenin baş bölüme kadar gitmek CSS yük var Bir komut K kadar Ben komut etiketi sıkı bir metin olduğundan emin olun olacağım Açılış komut örneğin sonra orada yakın JavaScript Orada part o komut elemanı kapanış partisi Şimdi sen bu kadar beni jack ile JavaScript koymak için bir yer var Bu düğmelerden birine basıldığı

nda olsun edilecek bir takas stil sayfasını olması JavaScript sağ şimdi set oynamak izin yürütmek için hazır punchan ihaleleri stil sayfası açık yakın parantez takas senin küme ayracı açın ve kapatma küme ayracı koymak için aşağı gitmek onların Eğer fonksiyon yuva tüm kurdunuz ve gitmek için hazır şimdi bu işlevi Biz istiyoruz CSS dosyası adıdır bir parametre alarak değişmek yani parametre olacak için Sadece değişken adını koyalım sac ve levha değer değerini yapacak yapacak CSS Style Sheets bu işlevin içinde şimdi gelip Biz sağ bağlantı take koymak gerekir bu yüzden bir bağlantı etiketi işlemek için gidiyoruz şimdi ve bu yaptığınız gibi varsayılan stil sayfasına bağlantı kurmak için gidiyor normalde Bir web sayfasındaki ilgili o bağlantı koymak ve yapabileceğimiz ilk şey bu bağlantıyı vermek etiket Bu sadece, çünkü ve kimlik normalde bunu olmayabilir Normal yolu web içine varsayılan stil ya da her türlü yüklemek sayfa bu yüzden normalde bağlantı etiketlerini ve kimliği vermeyin ama bu durumda biz ve biz konum olacak diyorlar sayfa stili o elemanın konuşmak gerekecek, çünkü Bir sonraki en JavaScript aracılığıyla demiryolu olduğunu nitelik ve stil sayfasına ayarladığınız ve sonra biz sıkı koymak emin olun nitelikleri ve biz gereken sadece metin CSS ve sonra Eğer Paige ile mutlu stil sayfası için bir parça ve biz sadece sadece normalde yaptığınız gibi deepal ITSs yazın gidiyoruz Bu bağlantıyı ilgili farklı şimdi tek şey Eğer tarzı eleman yükleme bağlantı var normalde nasıl öğesinden levha şimdi bir kimliği sahiptir kod tamam şimdi sadece bir tane daha hat ve biz anılan senin takas yapılır Stil sayfası işlevi yazabilirsiniz belgeler KODU eleman almak dot ve biz hedef için gidiyoruz fikri olacak bir sayfa stili küçük bağlantı etiketi vardır Varsayılan stil sayfaları ya da yaşla birlikte veya bağlantı elemanı borç yükleri Şimdi bu elemanın biz bok nitelikleri yöntemi kullanmak için gidiyoruz ilk parametre iki parametre alır Aslında İstediğiniz eleman etkileyecek edeceğiz inceledi Bazı saat Ben H kalanını etkileyecek istiyorum çünkü Bu bağlantı elemanı burada geçti, ikinci argüman niteliklerini set nitelik yöntemi levha olduğunu ve bu değeri tutan hatırlıyorum hangisi tarzı o sayfanın içine yüklemek için talep ediliyor yani bu şu anda bu işlev yürütür Bu çizgi çalıştırmak için gidiyor ve her temsilcisi de gitti ish bağlantı elemanı sayfası ne olursa olsun stil değiştirmek için tarz ve gerçek zamanlı olarak gerçekleşir olan hiçbir yeniden yükleme var canlandırıcı ve öğretir gerçekleşir ve bu kadar.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Change-Style-Sheet-Using-Tutorial-CSS-Swap-Stylesheet JavaScript setAttribute yöntemi kullanarak tanıdık bağlantı elemanının href niteliğini hedefliyor JavaScript kullanarak bir tıklama ile web sayfasının tüm stilini değiştirmek için öğrenin. DEMO: http://www.adamkhoury.com/demo/js_swap_css_stylesheet/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.7/10

  • 115
    Olumlu
  • 3
    Olumsuz
  • 26
    Yorum
  • 17912
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • cekehechu

    cekehechu

    20 HAZİRAN 2006
  • George McCarron

    George McCar

    29 Mayıs 2013
  • sinumatic

    sinumatic

    19 Aralık 2006

ANKET



Bu sayfa işinize yaradı mı?