Grundsatzfrage: Text-Hover mit CSS oder JavaScript?

[Gunnar Bittersmann]

Hello out there!

Hi,

Was spricht gegen die CSS-Lösung

Gegen _meine_ CSS-Lösung?
... die strengen Semantikwächter.
In diesem Zusammenhang ist ein Link oder Anker nunmal überflüssig. ;-)

Nein, ich meinte: gegen die CSS-Lösung basierend auf vernünftigem Markup.

<p id="loremipsum">Lorem <span>ipsum</span> dolor </p> <span>sit</span> amet.</p>

#loremipsum span:hover {color: red}

Für alte IEs (und nur für diese) etwas JavaScript:

<!--[if lt IE 7]>  
<script type="text/javascript">  
[code lang=javascript]//<![CDATA[  
  window.onload = function ()  
  {  
    var loremipsum = document.getElementById("loremipsum");  
    var spans = loremipsum.getElementsByTagName("span");  
    for (var i = 0; i < spans.length; i++)  
    {  
      spans[i].onmouseover = function ()  
      {  
        this.style.color = "red";  
      };  
      spans[i].onmouseout = function ()  
      {  
        this.style.color = "";  
      };  
    }  
  };  
//]]>

</script>
<![endif]-->[/code]

See ya up the road,
Gunnar