鼠标点上去怎么那向上html,鼠标上去文字上移.html

无标题文档

*{padding:0; margin:0;}

#plist li{ list-style:none; float:left; width:100px; height:50px; background:orange; text-align:center; line-height:50px; margin-right:15px; position:relative;}

#plist li a{color:white; text-decoration:none; position:relative;}

#plist li span{position:absolute; top:50px; left:0; text-align:center; width:100%; height:100%;}

$(function(){

$('#plist li').hover(function(){

var x=$(this).index();

$('#plist li span').eq(x).stop().animate({

top:'0px'

})

$('#plist li>a').eq(x).stop().animate({

top:'-50px'

})

},function(){

var x=$(this).index();

$('#plist li span').eq(x).stop().animate({

top:'50px'

})

$('#plist li>a').eq(x).stop().animate({

top:'0px'

})

})

})

• 文件File
• 编辑Edit
• 查看Look
• 文件File
• 编辑Edit
• 查看Look

一键复制

编辑

Web IDE

原始数据

按行查看

历史