Autor | Zpráva | ||
---|---|---|---|
Jan Tojnar Profil |
#1 · Zasláno: 17. 11. 2008, 13:59:47 · Upravil/a: Jan Tojnar
Potřeboval bych po kliknutí změnit hoverstyl nějakého prvku
body{background:#8ae234;color:#2e3436;font-family:sans-serif;p adding:1em 10%;} .border{padding:0.1em 0.5em;border:solid #2e3436 1px;} .footer{margin-top:1em;} .text{margin-top:1em;} #acontent{display:block;} .about{border-bottom:solid #2e3436 1px;} .menu{margin-top:1em;} .header a{display:block;background:url('gpx/logo.png') no-repeat;height:55px;} #ahide{display:block;height:20px;width:60px;background:url('gpx/minus. png') no-repeat;margin:auto;} #ahide:hover{background:url('gpx/minush.png') no-repeat;} function hide(){ elem=document.getElementById('acontent'); elem1=document.getElementById('ahide'); if(elem.style.display=='none'){ elem.style.display='block' elem1.title='Skrýt'; elem1.style.background='url("gpx/minus.png") no-repeat'; elem1.hover:style.background='url("gpx/minush.png") no-repeat'; }else{ elem.style.display='none' elem1.title='Zobrazit'; elem1.style.background='url("gpx/plus.png") no-repeat'; elem1.hover:style.background='url("gpx/plush.png") no-repeat'; } } <div class="main"> <div class="header border"><a href="/?p=default"></a> </div> <div class="menu border"><a href="/?p=bulc">Odkaz</a> </div> <div class="text border"> <div class="a"> <div id="acontent">Obsah a </div><span id="ahide" onclick="hide()" title="Skrýt"></span></div> Obsah textu </div> </div> |
||
Měsíček Profil |
#2 · Zasláno: 17. 11. 2008, 14:01:55
|
||
Jan Tojnar Profil |
#3 · Zasláno: 17. 11. 2008, 14:02:37 · Upravil/a: Jan Tojnar
Díky, Měsíček
|
||
Chamurappi Profil |
#4 · Zasláno: 17. 11. 2008, 15:40:07 · Upravil/a: Chamurappi
Odemykám.
Reaguji na Měsíčka: Kdyby tu tento dotaz padal častěji než dvakrát za rok, tak bych takovou skvělou radu možná chápal, ale takhle… Reaguji na Jana Tojnara: Během těch 42 sekund sis toho možná nevšiml, ale ty nejviditelnější rady, které najde Google, jsou pěkně hnusné a špatně použitelné. Měň u elementu, jehož vzhled se má změnit, jen třídu. Tedy nastavuj elem1.className = 'něco'. Ve stylopisu pak nadefinuješ, „.něco { background: url('…') }“ a také „.něco:hover { background: url('…') }“. |
||
peta Profil |
#5 · Zasláno: 19. 11. 2008, 13:29:07
Chamurappi
Zapomnel jsi napsat, ze to zalezi pripad od pripadu. Nejlepsi reseni je menit tridu. Take souhlasim. Ale jsou pripady, kdy je jednodussi prepisovat styl primo. A moje oblibena citace: jakpsatweb - javascript - priklady upraveno zde http://www.volny.cz/peter.mlich/jpw Tam ma i zmenu className na onmouseover i na onclick. Co se tyce hoveru, tak nejlepsi vec, co znam je hledat javascript csshover.htc vsunuty pro IE do CSS . |
||
Časová prodleva: 15 let
|
0