JQ鼠标经过改变样式

bo523 2010-01-09 11:08:19
我想实现的效果是鼠标经过的时候li的样式改变成(.box_li,我写的怎么没效果,大家帮我看看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript" src="jquery-1.3.2-vsdoc.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$(".box ul li").hover(function(){
function(){
$(this).addClass("box_li");
}
function(){
$(this).removeClass("box_li");
}
})
})
</script>
<style type="text/css">
.box{ width:250px; margin:0 auto; height:260px; border:1px solid #090; font-size:12px;}
.box ul{ margin:0px; padding:20px 0 0 0;}
.box ul li{ height:25px; line-height:25px; list-style:none; margin-left:5px; }
.box_li{height:25px; line-height:25px; list-style:none; margin-left:5px; border:1px solid #090;}
</style>
</head>

<body>
<div class="box">
<ul>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
<li>文字文字文字文字</li>
</ul>
</div>
</body>
</html>

...全文
751 5 打赏 收藏 举报
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
kengqiangxianv 2010-01-09
  • 打赏
  • 举报
回复

$("#table1>tbody>tr ").hover(function() {
$(this).css("background-color", "#aaa");
},
function() {
$(this).css("background-color", "")
});
草根醉秋意 2010-01-09
  • 打赏
  • 举报
回复

$(function(){
$(".box ul li").hover(
function(){
$(this).addClass("box_li");
},
function(){
$(this).removeClass("box_li");
}
)
}
)

真哥哥 2010-01-09
  • 打赏
  • 举报
回复
第一个写错了
真哥哥 2010-01-09
  • 打赏
  • 举报
回复
$(".box ul li").hover(“function(){” //是这个function不要
真哥哥 2010-01-09
  • 打赏
  • 举报
回复
多了function
$(document).ready(“function(){”//这个不要
$(".box ul li").hover(function(){
function(){
$(this).addClass("box_li");
}
function(){
$(this).removeClass("box_li");
}
})
})
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-09 11:08
社区公告
暂无公告