Share
Ați văzut vreodată site-uri care oferă un fel de "color-switch" în secțiunea antet? Doriți să știți cât de ușor este să replicați? O să vă arăt în 200 de secunde, folosind jQuery.
Acordat, acesta este un exemplu foarte simplu. Ce mai aștepți în 200 de secunde! :) Dar, acest lucru poate fi extins cu ușurință pentru a importa foi de stil noi, dacă doriți.
Accentsconagua
var colorOptions = 'negru, albastru, portocaliu, roșu, verde.split (', '), colorDivs = [], colorsContainer = $ (' #colorContainer '); pentru (var i = 0, len = colorOptions.length; i < len; i++ ) var div = $('') .css (' fundal ', colorOptions [i]) [0]; colorDivs.push (div); colorsContainer.append (colorDivs); $ ('(')). (c) ('color', $ (this ('header' ) .css ('backgroundColor')););, funcția () colorsContainer.fadeOut (200);); A trebuit să mă apropii de acest ecran, deci nu ezitați să discutați / să adresați întrebări în comentariile! sper ca ti-a placut! Îți plac sfaturile rapide "de două ori pe săptămână" pe care toate site-urile Tuts le fac acum?
