基本的な jQuery topic_html/css_WEB-ITnose

<スクリプト>
$(function(){
$("td").mouseover(function(){
$(this).addClass("i");
});
$("td").mouseout(function( ){
$(this).removeClass()
});


*{
padding:0px;
マージン:0px;
}
li{
list-style:none;
}
.jj ul li{
表示:ブロック;
フロート:左;
パディング:0px 5px;
}
.liu{
背景色:#F00;
}
#ll{
背景色:#9FF;
パディング:0px 5px;
}


 
<スクリプト>
$(function(){
$("ul li").hover(function(){
$(this).addClass("liu");
}, function(){
$(this).removeClass( "リュー");



<ボディ>

• 首页


• 身边团购


• 美食


• 电影


• KTV


• 酒店


• 购物

请问怎么样先設置 ul 背景色，再マウス移動時 li 上，再度移動色変更，移動時背景色。。

回复讨论(解决方案)

ul{background:green;}

ul:after{content:'';display:block;clear: both;} すごいですね
とても感谢你们！