jQuery（6）---jQurey鼠标移上移下效果 （凡客帆布鞋）

页面如下：

源码如下：

demo3.html

$(document).ready(function(){//声明创建的divvar $div//添加一个鼠标移上去的事件$("li>a").mouseover(function(e){$(this).find("img").css({border : "1px solid red"});//创建$div = $("<div><img src='"+this.href+"'/><div>");// 设置显示的样式$div.css({position : "absolute",top : e.pageY+20 + "px",left : e.pageX+20+ "px"});//把这个div添加到文档中$("body").append($div);}).mouseout(function(){$div.remove();//删除$(this).find("img").css({border : "1px solid threedface"});});});