WinFuture-Forum.de: Css Menü - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Css Menü


#1 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 24. August 2008 - 18:50

hi leute ich habe wieder einmal eine kleine frage.

ich möchte mittels css ein menü machen onmouseover das dort das bild wechselt und wenn man drauf klickt das 2te bild bleibt bis man halt das nächste klickt.

hab mich jetzt einwenig informiert. und herausgefunden dass man dass man einfach die 2 bilder untereinander setzen muss und dann bei mouseover es mit background-position:0% -XXpx; setzen muss. aber wie geht das dann das das 2te bild solang bleibt bis man das nächste anklickt?

vielen dank für eure bemühungen.

Dieser Beitrag wurde von Party bearbeitet: 24. August 2008 - 19:01

0

Anzeige



#2 Mitglied ist offline   t0rt! 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 15. März 04
  • Reputation: 0

geschrieben 24. August 2008 - 18:58

http://www.drweb.de/...over-menu.shtml
0

#3 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 24. August 2008 - 20:01

danke schön ;)
0

#4 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 24. August 2008 - 22:39

jetzt hat sich doch noch eine kleine frage ergeben

und zwar hab ich das ganze jetzt getestet auch mit der live verison
http://www.drweb.de/csspraxis/images/rollv...eispiel-uf.html
aber sobald es angeklickt ist und ich in der seite irgendwo anderst hinklicke dann ist wieder das Standard bild da aber es sollte solange angeklickt bleiben bis man einen anderen Menüpunkt anklickt...

geht das irgendwie?

noch eine kleine frage
geht es der erste menüpunkt am anfang automatisch aktiviert ist? und wenn man einen anderen anklickt dann halt der andere....


vielen lieben dank für eure mühe

Dieser Beitrag wurde von Party bearbeitet: 24. August 2008 - 23:21

0

#5 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 25. August 2008 - 09:45

Vergib der aktuellen Seite einfach eine zusätzliche Klasse (bspw "active"), bei der das spezifische Bild angezeigt wird.
0

#6 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 25. August 2008 - 11:16

das habe ich auch schon gemacht aber ich benutze eben für die neue seite ausschließlich ajax und da werden nur mehr die einzellnen divs geladen... und kann es somit nicht ganz so gut machen.

wie man das mit ajax macht das man diesem dann z.b class=active gibt weis ich noch nicht. geht das?
0

#7 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.942
  • Beigetreten: 13. Dezember 04
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Kingsvillage
  • Interessen:Frickeln

geschrieben 25. August 2008 - 13:06

Klar. Du aktualisiert doch sicherlich das Menü. Und dem entsprechenden Menüelement gibst du diese Klasse, z.b.
[..]
<li class="active menu1"><a href="#">Klick</a></li>
[..]

0

#8 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 25. August 2008 - 14:52

hi ja das ist mir schon alles klar aber ich aktualisiere eigendlich das div vom menü nicht bzw hatte es nicht extra vor....

geht das nicht mittels java script das man dem was man gerade anklick einen bestimmten style zuweist in meinem fall background-position 0px -70px.....

das wäre glaube ich die beste lösung. ich habe das jetzt schon einwenig probiert aber komm leider nicht zurecht. so schaut mein menü aus: und es wird halt per css dann mittels background-position geändet:

	<ul id="nav">
		<li><a class=introduce href="home.html" onclick="return doScript(this.href);">Home</a></li>
		<li><a class=biographie   href="biographie.html" onclick="return doScript(this.href)">Guide</a></li>
		<li><a class=works  href="works.html" onclick="return doScript(this.href)">Style</a></li>
		<li><a class=contact href="contact.html" onclick="return doScript(this.href)">Style</a></li>
	</ul>


das doscript ist nur für ajax (div bereich)
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0