posts - 431,  comments - 344,  trackbacks - 0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> Tip </TITLE>
  <script type="text/JavaScript">
 function showTip(oEvent) {
  var oDiv = document.getElementById("divTip1");
  oDiv.style.visibility = "visible";
  oDiv.style.left = oEvent.clientX + 5;
  oDiv.style.top = oEvent.clientY + 5;
 }
 function hideTip(oEvent) {
  var oDiv = document.getElementById("divTip1");
  oDiv.style.visibility = "hidden";
 }

  </script>
 </HEAD>

 <BODY>
 <p>Move your mouser over the red square.</p>
 <div id="div1" style="background-color:red; height:50px; width:50px" onmouseover="showTip(event);" onmouseout="hideTip(event);"><div>
 <div id="divTip1" style="background-color:yellow;position:absolute;visibility:hidden;padding:5px">
  <span style="font-weight:bold">Custom Tooltip</span><br/>
 </div>
 </BODY>
</HTML>

posted on 2008-01-23 16:38 周锐 阅读(444) 评论(0)  编辑  收藏 所属分类: CSSHTMLJavaScript

只有注册用户登录后才能发表评论。


网站导航: