2 tianguozhiya tianguozhiya 于 2016.09.21 15:08 提问

用mouseleave和mouseenter实现提示语

怎么样用js实现当鼠标点到用户名的时候提示“双击修改用户名”这句话啊??

 <li id="uName" class="u2">${userName}</li>

在这个上面提示:
图片说明

3个回答

showbo
showbo   Ds   Rxr 2016.09.21 15:32
已采纳
  <li id="uName" class="u2" title="双击修改用户名">${userName}</li>
showbo
showbo 回复tianguozhiya: 你要好看可以找tooltipsy这个jquery插件
大约一年之前 回复
tianguozhiya
tianguozhiya 这样可以,不过不太好修改title的样式啊
大约一年之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2016.09.21 16:52
 <style>
 .info{
    width: 150px;
    line-height: 40px;
    border: 1px solid gold;
    background-color: wheat;
    border-radius: 10px;
    position: fixed;
    display: none;
    text-align: center;
    padding: 10px;
 }
 table{
    margin: 20% auto;
 }
</style>
<script type="text/javascript">
    $(function(){
        $("td").hover(function(e){
            //自己加一个判断,e.pageY-90<0或者epageX-60<0的话就设置为0
            //自己调整这个值,就能控制位置
            $('div.info').html($(this).html()).toggle().css({
                "top":e.pageY-90,
                "left":e.pageX-60
            })
        })  
    })
</script>
</head>

<body>
    <div class="info">

    </div>
      <table id="tba">
   <tr>
       <td > Homel</td>
       <td > About</td>
       <td >Subscribe RSS</td>
   </tr>
   </table>
</body>
qq_29594393
qq_29594393 回复tianguozhiya: 选择器,里面你选择一个类 ,然后往你想要生效的对象加上这个类,那么就能对所有对象生效
大约一年之前 回复
tianguozhiya
tianguozhiya 那这个可以用在li标签中么
大约一年之前 回复
tianguozhiya
tianguozhiya 谢谢诶,非常感谢
大约一年之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2016.09.21 15:15

用 hover 函数了 ,提示的话用title 属性获取属性值,放在div 弹出即可 ,或者自定义值

tianguozhiya
tianguozhiya 可以具体点吗,我弄了半天了,就是不出来啊
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!