Witam! Chciałbym osiągnąć efekt, w którym na stronie jest w pewnym miejscu standardowy tekst. Po nakierowaniu na button w menu, tekst ten miałby się zmieniać. Po zabraniu myszki z przycisku, powracałby standardowy tekst...
Ponoć jest to nie do zrobienia w czystym CSS, więc zabrałem się za JS... niestety, nieumiejętnie...:
Mamy sobie pole:
<span id="tekst_menu">To jest opis oryginalny, ogolny</span>
<span id="opis_home" style="display:none"> To jest opis home</span>
I mamy przycisk:
<li><a onMouseOver="Show('opis_home')" onmouseout="Hide('opis_home')" href="#">Home</a></li>
A całość wspiera skrypt:
<script type="text/javascript">
function Hide(ref){
document.getElementById(ref).style.display="none";
document.getElementById('tekst_menu').style.display = "";
}
function Show(ref){
document.getElementById('tekst_menu').style.display = "none";
document.getElementById(ref).style.display = "";
}
</script>
Problem? Nie działa... ;-] Byłbym wdzięczny za ewentualne sugestie.
Pozdrawiam serdecznie,
Theriel