yidieshmily 2012-02-10 11:08
浏览 555
已采纳

用JS 写好了鼠标移入出现提示框 我该怎么固定提示框在固定的位置不动？？




<br> function showToolTip(e,text){<br> if(document.all)e = event;</p> <pre><code> var obj = document.getElementById(&#39;bubble_tooltip&#39;); var obj2 = document.getElementById(&#39;bubble_tooltip_content&#39;); obj2.innerHTML = text; obj.style.display = &#39;block&#39;; var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop); if(navigator.userAgent.toLowerCase().indexOf(&#39;safari&#39;)&gt;=0)st=0; var leftPos = e.clientX - 100; if(leftPos&lt;0)leftPos = 0; obj.style.left = leftPos + &#39;px&#39;; obj.style.top = e.clientY - obj.offsetHeight -1 + st + &#39;px&#39;; } function hideToolTip() { document.getElementById(&#39;bubble_tooltip&#39;).style.display = &#39;none&#39;; } &lt;/script&gt; </code></pre> <p></head><br> <body></p> <div id="bubble_tooltip"> <div class="bubble_top"><span></span></div> <div class="bubble_middle"><span id="bubble_tooltip_content">Content is comming here as you probably can see.Content is comming here as you probably can see.</span></div> <div class="bubble_bottom"></div> </div> <div class="main1"> <div class="shang"><a href="#" title="" onmouseover="showToolTip(event,'经验：当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修');return false" onmouseout="hideToolTip()" ><img src="/image/jy.png" alt=""/></a></div> <div class="main"> <div class="left1"><a href="#" title="" onmouseover="showToolTip(event,'时间：当你当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修当你装修');return false" onmouseout="hideToolTip()" ><img src="/image/sj.png" alt=""/></a></div> <div class="right1"><a href="#" title="" onmouseover="showToolTip(event,'预算：当你');return false" onmouseout="hideToolTip()" ><img src="/image/ys.png" alt=""/></a></div> </div> <pre><code>&lt;div class=&quot;float1&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;&quot; &gt;&lt;img src=&quot;/image/wh.png&quot; alt=&quot;&quot;/&gt;&lt;/a&gt;&lt;/div&gt; </code></pre> <p></div><br> </body><br> 请高手帮我改改！！不胜感激！！</p>
  • 写回答

10条回答 默认 最新

  • myali88 2012-02-10 14:27
    关注

    你把改变tip显示位置的js改一下：
    [code="java"]
    function showToolTip(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';//改变了tip的位置
    obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';//改变了tip的位置
    **/
    }
    [/code]
    这个是你需要的吗？

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(9条)

报告相同问题？

悬赏问题

  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥30 python代码，帮调试，帮帮忙吧
  • ¥15 #MATLAB仿真#车辆换道路径规划