Untitled

<html>
    <head>
        <script type='text/javascript'>
            function color(change) {
                change.style.color = 'blue';
            }
            function colorA(change) {
                change.style.color = 'black';
            }
        </script>
    </head>
    <body>
        <span id='s1' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s2' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s3' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s4' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s5' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s6' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s7' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s8' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s9' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s10' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s1O' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s12' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='s13' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <br \>
        <span id='d1' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d2' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d3' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d4' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d5' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d6' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d7' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d8' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d9' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d10' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d1O' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d12' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='d13' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <br \>
        <span id='f1' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f2' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f3' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f4' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f5' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f6' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f7' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f8' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f9' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f10' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f1O' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f12' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
        <span id='f13' onMouseOver="color(this);" onMouseOut="colorA(this);">O</span>
    </body>
</html>