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"});});});