实现这种功能的jquery是相当简单的，list元素鼠标移入，当前元素里的 span显示；移出则相反，具体代码如下：
目前创新互联公司已为成百上千的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、海南网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
$(function(){
//鼠标移入
$('.list').mouseenter(function(){//这里使用mouseover也可以，使用mouseenter是防止冒泡
(this).find('span').show();//这里的show可以改成animate，toggle都可以
});
//鼠标移出
$('.list').mouseleave(function(){//这里使用mouseover也可以，使用mouseenter是防止冒泡
$(this).find('span').hide();//这里的hide可以改成animate，toggle都可以
});
});
有三种方法，刚好看到了这篇文章，分享给大家：
jquery判断鼠标是否在div里的三种方法
下面是三种方法的具体源码：
//#aijquery 就是要判断的DIV
//方法一：
if($.contains($("#aijquery")[0],e.target) || $("#aijquery")[0]==e.target){
$(".info").text("鼠标在这个DIV里");
}else{
$(".info").text("鼠标不在这个DIV里");
}
//方法二：
$("#aijquery").mouseover(function(){
$(".primary").text("方法二：鼠标在这个DIV里");
}).mouseout(function(){
$(".primary").text("方法二：鼠标不在这个DIV里");
});
//方法三：
var x=e.clientX;
var y=e.clientY;
var div_x_1 = $("#aijquery").offset().left;
var div_y_1 = $("#aijquery").offset().top;
var div_x_2 = $("#aijquery").offset().left+$("#aijquery").outerWidth();
var div_y_2 = $("#aijquery").offset().top+$("#aijquery").outerHeight();
if( x div_x_1 || x div_x_2 || y div_y_1 || y div_y_2){
$(".danger").text("方法三：鼠标不在这个DIV里");
}else{
$(".danger").text("方法三：鼠标在这个DIV里");
}
上面给的那个链接里，有完整的在线实例演示的，很好，很强大！
用jQuery实现div随鼠标移动而移动方法：
让div随着鼠标走，需要知道几个关键点
如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。
var xx = e.originalEvent.x || e.originalEvent.layerX || 0;
var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
$('#month').css({top: yy, left: xx});//注意这是用css的top和left属性来控制div的。
还有个注意的地方，div要设置成绝对位置才可以。
position: absolute;
只有这样div才能在其他的显示元素上面随便移动。
