HTML li标签中的Onmouseover

时间:2013-07-06 04:15:39

标签: javascript asp.net onmouseover

我是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>

1 个答案:

答案 0 :(得分:1)

除非您需要一个非常好看的设计来显示您的提示,否则您可以使用

<li title="city name">

更新

检查是否有帮助:

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