<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>世纪康华医药科技有限公司---欢迎您访问!</title>
<link type="text/css" rel="stylesheet" href="include/style.css" />
<script type="text/javascript" src="Scripts/list.js"></script><%@ Import Namespace="System.Data.OleDb" %>
    <%@ Import Namespace="System.Data" %>   
<script type="text/javascript">
    
    function showToolTip1(e, text) {
        if (document.all) e = event;        var obj = document.getElementById('bubble_tooltip');
        var obj2 = document.getElementById('bubble_tooltip_content');
        obj2.innerHTML = text;
        obj.style.display = 'block';
        var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
        if (navigator.userAgent.toLowerCase().indexOf('safari') >= 0) st = 0;
        var leftPos = e.clientX - 100;
        if (leftPos < 0) leftPos = 0;
        obj.style.left = leftPos + 'px';
        obj.style.top = e.clientY - obj.offsetHeight - 1 + st + 'px';
    }    function hideToolTip1() {
        document.getElementById('bubble_tooltip').style.display = 'none';    }
    function addBook(title,url) {
if (window.sidebar) { 
window.sidebar.addPanel(title, url,""); 
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
}
function AddToFavorite()   
{   
    if (document.all){   
       window.external.addFavorite(document.URL,document.title);   
    }else if (window.sidebar){   
       window.sidebar.addPanel(document.title, document.URL, "");   
    }   
}   
</script>
   <a href="#" onmouseover="showToolTip1(event,'This is a simple, simple test');return false" onmouseout="hideToolTip1()">Roll over me</a><input
          id="Button1" type="button" value="button" onclick ="showToolTip1(event,'This is a simple, simple test');return false" /></div>
    <div id="apDiv20">
为什么showToolTip1()一直不起作用?求教!!!急

解决方案 »

  1.   


    function showToolTip1(e, text) {
    //  if (document.all) e = event;
      e = e || window.event;
      var obj = document.getElementById('bubble_tooltip');//有没有定义标签id,id是否对应,事件有没有触发
      var obj2 = document.getElementById('bubble_tooltip_content');
      obj2.innerHTML = text;//参数有没有
      obj.style.display = 'block';
      var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
      if (navigator.userAgent.toLowerCase().indexOf('safari') >= 0) st = 0;
      var leftPos = e.clientX - 100;
      if (leftPos < 0) leftPos = 0;
      obj.style.left = leftPos + 'px';
      obj.style.top = e.clientY - obj.offsetHeight - 1 + st + 'px';
      }
      

  2.   

    我刚测试了下 没问题的啊
    你再好好检查下

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>测试</title>
    <style>
    #bubble_tooltip,#bubble_tooltip_content{width:300px; height:100px; background:#eee; margin:10px;}
    </style>
    <script type="text/javascript">
      function showToolTip1(e, text) {
      if (document.all) e = event;  var obj = document.getElementById('bubble_tooltip');
      var obj2 = document.getElementById('bubble_tooltip_content');
      obj2.innerHTML = text;
      obj.style.display = 'block';
      var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
      if (navigator.userAgent.toLowerCase().indexOf('safari') >= 0) st = 0;
      var leftPos = e.clientX - 100;
      if (leftPos < 0) leftPos = 0;
      obj.style.left = leftPos + 'px';
      obj.style.top = e.clientY - obj.offsetHeight - 1 + st + 'px';
      }  function hideToolTip1() {
      document.getElementById('bubble_tooltip').style.display = 'none';  } 
    </script>
    </head>
    <body>
    <a href="#" onmouseover="showToolTip1(event,'This is a simple, simple test');return false" onmouseout="hideToolTip1()">Roll over me</a>
    <input id="Button1" type="button" value="button" onclick ="showToolTip1(event,'This is a simple, simple test');return false" />
    <div id="bubble_tooltip"></div>
    <div id="bubble_tooltip_content"></div>
    </body>
    </html>