jQuery study code

鼠标移到图片上动态增大图片

code：

/**小图片鼠标移动事件**/
var x = 5; var y = 15;//初始化提示图片位置
$("table tr td img").mousemove(function(e) {
    $("#imgTip")
    .attr("src", this.src)//设置提示图片scr属性
    .css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px" })//设置提示图片的位置
    .show(3000);//显示图片
    })
 /**小图片鼠标移出事件**/
$("table tr td img").mouseout(function() {
    $("#imgTip").hide();//隐藏图片
})

其中e.pageX和e.pageY分别为鼠标所在的x,y坐标，而x，y是为了让图片恰好在鼠标的下面