JQuery 부유층 효과

1408 단어 jquery
<script type="text/javascript">
 
//       -textarea     
$(function () { 
    var x = 10; 
    var y = 20; //            ,       
    $("#textarea_id").hover(function (e) {  //       
        var text = gettext();
        var tooltipHtml = "<div id='tooltip'>" + text + "</div>"; //      
        $("body").append(tooltipHtml); //       
        $("#tooltip").css({ 
            "top": (e.pageY + y) + "px", 
            "left": (e.pageX + x) + "px",
            "position":"absolute"
        }).show("fast"); //        ,    
    }, function () {  //       
        $("#tooltip").remove();  //      
    }).mousemove(function (e) {   //         
        $("#tooltip").css({ "top": (e.pageY + y) + "px", 
            "left": (e.pageX + x) + "px" , "position":"absolute"
        }); 
    }); 
    function gettext(){
      return '1231';
    }
    
}); 
    </script>
  <body>
       <textarea id="textarea_id" rows="5" cols="20" >........</textarea>
  </body>

좋은 웹페이지 즐겨찾기