third_party/WebKit/LayoutTests/fast/events/resources/mouseover-mouseout2-iframe-1.html

   1 <body style="margin-left:0; margin-top:0">
   2     <script>
   3         function log(message)
   4         {
   5             var item = top.document.createElement("li");
   6             item.appendChild(document.createTextNode(message));
   7             top.document.getElementById("log").appendChild(item);
   8         }
   9
  10         function logMouseEvent(evt)
  11         {
  12             target = (evt.target) ? evt.target : evt.srcElement;
  13             log(evt.type + " on " + target.id);
  14         }
  15
  16         function doOnMouseOver(evt)
  17         {
  18             logMouseEvent(evt);
  19             document.getElementById("t1").style.backgroundColor = "white";
  20         }
  21
  22         function doOnMouseOut(evt)
  23         {
  24             logMouseEvent(evt);
  25             document.getElementById("t1").style.backgroundColor = "gray";
  26         }
  27
  28     </script>
  29     <div style="height: 50; width: 50; background:red; top:0;left:0; position:absolute;" id="t1"
  30         onMouseOver="doOnMouseOver(event);"
  31         onMouseOut="doOnMouseOut(event)">1</div>
  32 </body>