2010年9月30日木曜日

Blogger 上で JavaScript - その 1 (onmouseover | onmouseout | onclick)

a 要素に以下のイベントを追加
※ 実際のコードは (") は &quot; で (<) は &lt; で (>) は &gt;。

  • onmouseover
    var el=document.getElementById('javascriptonblogger1');
    el.innerHTML='<div>mouseover!</div>\n'+el.innerHTML;
    this.style.backgroundColor='#ccccff';"
  • onmouseout
    var el=document.getElementById('javascriptonblogger1');
    el.innerHTML='<div>mouseout!</div>\n'+el.innerHTML;
    this.style.backgroundColor='#999999';
  • onclick
    var el=document.getElementById('javascriptonblogger1');
    el.innerHTML='<div>mouseout!</div>\n'+el.innerHTML;
    this.style.backgroundColor='#999999';
logs