javascript - HTLML li 标签上的鼠标悬停

Question

我是 asp.net 的新手（和堆栈溢出:)），我希望在 li 标签的 onmouseover 事件上显示一个提示元素。我不知道如何设置提示元素的位置。我的代码是这样的：

<script language="javascript" type="text/javascript">
function onmouseoveragent(e) {
        document.getElementById("agentVisit").style.display = "block";
        document.getElementById("agentVisit").offsetLeft = e.offsetLeft; /*e.????*/
        document.getElementById("agentVisit").offsetTop = e.offsetTop;   /*e.????*/
    };
</script>


<div class="node">
    <div class="taxonomy"></div>
    <div class="content">
        <div id="contact-map">
            <ul>
                <li id="city1" onmouseover= "onmouseoveragent(this)">
                    <a "blabla">
                    <span class="hideme">city name</span>
                    </a>
                    <p class="hideme"> city name <strong class="tel">123456789</strong></p>
                </li>
                /*other list items*/ 
           </ul>
        </div>
    <div class="hr">
</div>

Answer 1

除非您需要一个非常漂亮的设计来显示您的提示，否则您可以使用

<li title="city name">

---

更新：

检查它是否有帮助：

http://jsfiddle.net/ysuw5/91/