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 ubuntu22.04上安装ursim-3.15.8.106339遇到的问题
  • ¥15 求螺旋焊缝的图像处理
  • ¥15 blast算法（相关搜索：数据库）
  • ¥15 请问有人会紧聚焦相关的matlab知识嘛？
  • ¥15 网络通信安全解决方案
  • ¥50 yalmip+Gurobi
  • ¥20 win10修改放大文本以及缩放与布局后蓝屏无法正常进入桌面
  • ¥15 itunes恢复数据最后一步发生错误
  • ¥15 关于#windows#的问题：2024年5月15日的win11更新后资源管理器没有地址栏了顶部的地址栏和文件搜索都消失了
  • ¥100 H5网页如何调用微信扫一扫功能？