Új hozzászólás Aktív témák

• #3412 DeltaPower őstag Barett 50cal #3411

  Új Válasz 2011-08-18 21:44:35 #3412

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  DeltaPower

  őstag

  válasz Barett 50cal #3411 üzenetére

  1. csinálsz egy divet, aminek a mérete megegyezik a switcher külső méretével
  2. csinálsz bele egy <a>-t ami display: block és a mérete megegyezik a golyó méretével
  3. csinálsz 2 css classt, pl
  - div.active: háttere az "on"-os rész background-position-al igazítva
  - div.inactive: háttere az off-os
  4. bepozicionálod az <a>-t az on-os szürke izére pl. marginokkal és csinálsz neki egy css szabályt:
  - div.active a {...}
  5. előző lépés inaktívra
  6. <a> onclick eseménynél javascripttel cserélgeted a befoglaló div classát aktívról inaktívra és viszont

  hátránya: az érzékelési felület nem kör, hanem négyzet alakú lesz (valóban kör alakút csak flashben lehet)

  megjegyzés: ha nem akarsz background-positionnal szórakozni akkor szétvágod a képet 2 külön háttérre

  [ Szerkesztve ]

  "Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser

Új hozzászólás Aktív témák