Hallo!
ich bin noch ein HTML Neuling und suche nun auf diesem Weg nach Hilfe :) Ich möchte in einem Code einen Mouse-over Effekt einbauen, jedoch weiß ich nicht genau wie.
Ich möchte, dass der Mouse-over Effekt angezeigt wird, sobald ich mit der Maus über "Übergeordneter Begriff" fahre. Wie der Effekt genau aussieht, ob unterstrichen oder sonst irgendetwas, ist mir egal. Kann mir vielleicht jemand helfen, und den mouse-over effekt in meinen HTML-Code einbauen?
Danke im Vorraus :) !
ich bin noch ein HTML Neuling und suche nun auf diesem Weg nach Hilfe :) Ich möchte in einem Code einen Mouse-over Effekt einbauen, jedoch weiß ich nicht genau wie.
HTML:
<h3><div id="uebergeordneter_begriff" style="background-color:black; color:white; width:300px; padding:5px;text-align:center;" onclick="ausklappen()">Uebergeordneter Begriff</div></h3>
<div id="aufklappen_und_einklappen" style="display:none;"><ul><li>Untergeordneter Begriff 1</li><li>Untergeordneter Begriff 2</li><li>Untergeordneter Begriff 3</li><li>Untergeordneter Begriff 4</li></div>
<script type="text/javascript">
function ausklappen() {
document.getElementById('aufklappen_und_einklappen').style.display = 'block';
document.getElementById('uebergeordneter_begriff').onclick = einklappen;
}
function einklappen() {
document.getElementById('aufklappen_und_einklappen').style.display = 'none';
document.getElementById('uebergeordneter_begriff').onclick = ausklappen;
}
</script>Danke im Vorraus :) !