html 突出显示,突出显示.html

突出显示

*{margin:0;padding:0;}

body{

background-color: #000;

}

div{

width: 680px;

margin:20px auto 0;

border: 1px solid #fff;

}

ul{

overflow: hidden;

padding:20px 0 0 20px;

}

ul li{

width: 200px;

height: 186px;

float: left;

list-style: none;

margin:0 20px 20px 0;

}

ul li img{

cursor: pointer;

}

$(function(){

var $lis = $('ul li');

$lis.mouseover(function(){

//stop(true) 用于清除动画排队带来的影响

$(this).siblings().stop(true).fadeTo(500,0.5);

}).mouseout(function(){

$lis.stop(true).fadeTo(500,1);

}).click(function(){

$(this).children().stop(true).slideUp().slideDown();

});

})

• 
• 
• 
• 
• 
• 

一键复制

编辑

Web IDE

原始数据

按行查看

历史