Autor |
Nachricht |
sascha_kote
Threadersteller
Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht:
|
Verfasst Do 28.05.2015 14:12
Titel onmouseover Problem |
|
|
Hallo,
ich hänge gerade an einem Javascript Problem bei einer Navi
Momentan hab ich das so, mouse over - klappt.
<a href="#" onmouseover="this.style.color='orange';" onmouseout="this.style.color='#black';">Link</a>
Jetzt hätte ich gerne beim mouse over nicht nur einen Farbwechsel, sondern auch noch oben einen blauen rand.
Mit meinen Ansatz scheitere ich leider total.
Kann mir da jemand weiterhelfen?
Danke
Sascha
<div style="position:relative;width:100px;background:#ddffdd;overflow:hidden;" onmouseover="this.style.overflow='';" onmouseout="this.style.overflow='hidden';">first hover
<div style="width:100px;position:absolute;top:5px;left:110px;background:white;border-top:5px solid #d9d9d9;">stuff inside</div></div>
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Do 28.05.2015 15:56
Titel
|
|
|
sie möchten sich mit den möglichkeiten zeitgenössischer css beschäftigen.
|
|
|
|
|
Anzeige
|
|
|
sascha_kote
Threadersteller
Dabei seit: 18.10.2007
Ort: Münster
Alter: -
Geschlecht:
|
Verfasst Do 28.05.2015 15:59
Titel
|
|
|
css geht in diesem Fall nicht.
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Do 28.05.2015 23:35
Titel
|
|
|
sascha_kote hat geschrieben: | css geht in diesem Fall nicht. |
Du sprichst doch aber über deine Javascript-Events auch Styles an, von demher scheint CSS ja sehr wohl zu gehen. Dein Problem lässt sich eben simpel und sauber mit CSS lösen, oder dreckig und kompliziert mit Javascript. Selbst wenn du per Mouseover / Mouseout dem Element immer eine andere CSS-Klasse, mit passendem Styling, zuweist - CSS ist und bleibt die Lösung, die du wählen solltest...
Ansonsten bordertop über JS:
http://www.w3schools.com/jsref/prop_style_bordertop.asp
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Fr 29.05.2015 00:56
Titel
|
|
|
sascha_kote hat geschrieben: | css geht in diesem Fall nicht. |
nein. ihr steinzeitshit geht nicht. bitte sehen sie sich im webfrickler-idiotenkontext nach ihrem horizont entsprechenden behelfen um.
|
|
|
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Fr 29.05.2015 01:26
Titel
|
|
|
DEKONSTRUKTIV hat geschrieben: | sascha_kote hat geschrieben: | css geht in diesem Fall nicht. |
nein. ihr steinzeitshit geht nicht. bitte sehen sie sich im webfrickler-idiotenkontext nach ihrem horizont entsprechenden behelfen um. |
Sach ma! Ab und an glaub ich du hast einem im Kahn wenn du deine Antworten verfasst…
|
|
|
|
|
hilson
Dabei seit: 05.09.2005
Ort: Pforzheim
Alter: 54
Geschlecht:
|
Verfasst Fr 29.05.2015 09:00
Titel
|
|
|
In vino veritas
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Mo 01.06.2015 16:49
Titel
|
|
|
@TE:
Ein vernünftig gesetzter C(ontent) S(security) P(olicy) würde dir sowas aber eh unterbinden - im HTML hat CodeLogik nichts zu suchen.
easteregg hat schon genannt, wie es mit JS gehen würde, aber CSS kann das auch sehr einfach mit der ":hover"-PseudoKlasse
/*PS
Zim hat geschrieben: | Sach ma! Ab und an glaub ich du hast einem im Kahn wenn du deine Antworten verfasst… |
Das "ab und an" fand ich gut ^^ */
Zuletzt bearbeitet von fyll am Mo 01.06.2015 17:02, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
OnMouseover Problem
onMouseOver Problem
onmouseover und <area> Problem
Problem bei onmouseover button in IE
JavaScript OnMouseOver, kleines Problem
onmouseover
|
|