でたなぁ〜！そこそこできるんですって人！

教えてgoo

それが＜font＞タグ使うのか？！<さんに教えてもらった、イベント発生器を使用してみた

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title></title>
<style type="text/css">
#bg2 { width:460px; background:#dedec2; border-right:1px #57450f solid; border-bottom:1px #57450f;
  color:#665c50;font-size: small}
#bg2 h3 { height:1em; text-align:center;margin: 0 180px 0 0;}
#bg2 div { float:left; padding-left: 5px; }
#bg2 h2 { color:#98FB98; font: 69px impact; letter-spacing: 25px; margin:0 60px 0 10px;}
#bg2 ol { width:280px; border-right:1px #665c50 dotted; margin:0; }
#bg2 ol li{ margin-left: 20px; text-align: left; line-height: 20px; padding: 5px}
#bg2 p { background:#665c50; height:20px; text-align:right; margin:0;clear:both; }
</style>

<div id="bg2">
  <h2>
    <span>a</span>
    <span>b</span>
    <span>c</span>
    <span>d</span>
    <span>e</span>
    <span>f</span>
    <span>g</span>
  </h2>
  <h3>MENU</h3>
  <div>
    <ol>
      <li><a href="#">1</a>
      <li><a href="#">2</a>
      <li><a href="#">3</a>
      <li><a href="#">4</a>
    </ol>
  </div>
  <div>関係ない</div>
  <p>&nbsp</p>
</div>

<script type="text/Javascript"><!--
//@cc_on @set @V = (@_jscript_version < 5.9)

var colorList = [
  [ '#f00', '#0ff' ],
  [ '#0f0', '#00f' ],
  [ '#00f', '#f00' ],
  [ '#000', '#fff' ]
];

var hoge = function ( color/*array*/ ) {
  return function ( e ) {
    var span, cnt = 0, o, f = false, i= 0;
    var t = o = e./*@if( @_jscript ) srcElement @else@*/ target /*@end@*/.parentNode;
    if( 'LI' !== t.nodeName ) return;
    while( o = o.previousSibling ) cnt++;
    span = document.getElementById('bg2').getElementsByTagName('span');
    while( o = span[ i++ ] )
      o.style.color = color[ cnt ][ +(f=!f) ];
    return e./*@if( @_jscript ) returnValue = false @else@*/ preventDefault() /*@end@*/;
  };
};

var G = (function ( click ) {
  return function ( t ) { /*@if( @_jscript )
    t.fireEvent( 'onclick' ); @else@*/
    t.dispatchEvent( click ( t.ownerDocument ) ); //*@end
  };
})(
   function ( doc ) {
     var e = doc.createEvent( 'MouseEvent' );
     return ( e.initEvent( 'click', true, true ), e );
   });

//____

document.getElementById('bg2')./*@if( @V )
  attachEvent( 'on' + @else@*/
  addEventListener( /*@end@*/
    'click', hoge( colorList ), false );

G(document.getElementById('bg2').getElementsByTagName('a')[0]);
</script>