jQ写的电影排行榜,支持鼠标划入弹出内容
献上图片
jQ代码
<script>
$(function(){
$("li").hover(function(){
$(this).addClass("current");
},function(){
$(this).removeClass("current");
})
})
</script>
css代码
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 300px;
height: 450px;
margin: 50px auto;
border: 1px solid #000;
}
.box>h1{
font-size: 20px;
line-height: 35px;
color: deeppink;
padding-left: 10px;
border-bottom: 1px dashed #ccc;
}
ul>li{
list-style: none;
padding: 5px