简单 鼠标移入提示

鼠标移入信息提示信息提示

  <a href="javascript:void(0)" style=" display:inline-block; position:relative" class="tipPop">鼠标移入信息提示
    <div class="tipDesc" style="display:none; position:absolute; border:1px solid #aaa; width:200px; height:100px; z-index:999; background-color:#fff;">asdasd</div>
  </a>信息提示
$(function(){
     //触发调用
       $(".tipPop").tipPop(".tipDesc");
      })



//代码      
     $.fn.tipPop=function(subObj){
       $(this).hover(function(){
               var y=$(this).height();
               $(subObj).css({"display":"block","top":y+"px","left":0});
               },function(){
               $(subObj).css("display","none");   
             });
      }

 

posted @ 2013-10-28 15:24  关小庆  阅读(289)  评论(0编辑  收藏  举报