arnir fyrir 18 árum, 9 mánuðum Fjöldi lestra: 309

css

Hvernig í anskotanum gerir maður þannig að það eru linkar svo fer maður yfir hann þá birtast fleiri , sama system og hugi er að nota hérna ?
<<< –

Apple.

halldor89 fyrir 18 árum, 9 mánuðum

Það er ekki css, nema að hluta til, mest erum við að tala um javascript ;)

Ég myndir prófa þetta:

<html>
<body>
<script language="javascript">
function synafela(id) {
if( document.getElementById(id).style.display = "none") {
document.getElementById(id).style.display = "block";
}
else {
document.getElementById(id).style.display = "none";
}
}
</script>
<div style="display: block">
<a href="javascript:synafela('sub1')">1</a>
<a href="javascript:synafela('sub2')">2</a>
<a href="javascript:synafela('sub3')">3</a>
<a href="#">síða</a>
<a href="#">síða</a>
</div>
<div id="sub1" style="display: none">
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
</div>
<div id="sub3" style="display: none">
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
</div>
<div id="sub2" style="display: none">
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
<a href="#">síða</a>
</div>
</body>
</html>

Eitthvað í þessa áttina ætti að virka… Þetta er a.m.k. hvernig þetta er gert, ábyrgist ekkert með js kóðann, ekki mjög góður í því :p

“If it isn't documented, it doesn't exist”

Fyrra álit

halldor89 fyrir 18 árum, 9 mánuðum

Æi, þetta er ekki réttur kóði :p
Það er svolítið flóknara að gera það sem þú átt væntanlega við.
En allavega, það sem þú þarft væntanlega að vita til að það virki, er: onClick, onMouseOver, onMouseOut <- held að þetta sé allt.
Gangi þér vel, nenni bara ekki að búa til þennan kóða sem þig vantar :p
Ef þú vilt sjá hann í action skoðaðu þá bara kóðann að huga ;)

“If it isn't documented, it doesn't exist”

Fyrra álit

halldor89 fyrir 18 árum, 9 mánuðum

Ættir líka kannski að líta á http://www.hugi.is/funtions.js (eða http://www.hugi.is/vefsidugerd/functions.js)
Dreamweaver getur líka basicly gert þetta fyrir þig (þá geturðu notað tímalínur og fleira fínerí ;))

“If it isn't documented, it doesn't exist”

Fyrra álit

Brainiac fyrir 18 árum, 9 mánuðum

Dropdowninn sem Hugi notar er rusl. Hann er illa uppsettur og HTMLið er ljótt og ekki rétt notað.

btw. Hér er endurbætt útgáfa af Suckerfish D.D.

Fyrra álit

Brainiac fyrir 18 árum, 9 mánuðum

Á alistapart.com má meðal annars finna grein um Suckerfish Dropdowns. Sú aðferð notar bara CSS nema til að bæta fyrir lélegan CSS stuðning IE var sett smá javascript inn.

Þetta er mjög sniðugt og ég nota afbrigði af þessu á síðunni minni og einhverjum öðrum sem ég hef gert

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

css

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi