首页 > Web开发 > 详细

jQuery初学

时间:2015-10-31 10:08:16      阅读:306      评论:0      收藏:0      [点我收藏+]
$(function(){
    var x=10;
    var y=20;
    $("a.tooltip").mouseover(function(e){
        this.myTile=this.title;
        this.title="";
        var tooltip="<div id=‘tooltip‘>"+this.myTile+"</div>";
        $("body").append(tooltip);
        $("#tooltip")
           .css({
               "top":(e.pageY+y)+"px",
               "left":(e.pageX+x)+"px"
           }).show("fast");
    }).mouseout(function() {
        this.title=this.myTile;
        $("#tooltip").remove();
    }).mousemove(function(e) {
        $("#tooltip")
        .css({
            "top": (e.pageY+y)+"px",
            "left": (e.pageX+x)+"px"
        });
    });
})

该函数用于预览title信息,用mouse操作控制

其中$(function(){} )是$(document).ready(function(){ })的缩写

jQuery初学

原文:http://www.cnblogs.com/CClarence/p/4924817.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!