jquery里有选择器可以解决的;还有他有鼠标时间函数hover,和显示show,隐藏函数hide$(function(){
$("li:gt(0)").hover(function(e){
$(e.target).show();
},function(e){
$(e.target).hide();
});
}););
$("li:gt(0)").hover(function(e){
$(e.target).show();
},function(e){
$(e.target).hide();
});
}););
解决方案 »
- $,#,!的一些问题
- js实现动态添加事件
- 同事弄的一份对jquery的结构的罗列
- 关于下载文件时长文件名的问题.如何修改HttpResponseHeaders的编码
- 如何获取fckeditor的内容
- Extjs做成的表格新插入数据,出现红三角符号,请问玄机在哪,请大侠指点
- 高分求一个鼠标效果
- 请问SWF的MIME类型是什么呢?jpg的是images/jpg SWF的呢是什么呢?
- 如何用正则表达式判断时间?
- css的alpha的startx=10,starty=10,finishx=20,finishy=20的这几个参数是不是在IE5里不好用?
- showModelessDialog 打开子窗体 父窗体关闭时,子窗体自动关闭
- 为什么这样不运行,谢谢
<head>
<style type="text/css">
.title{color:#cccccc}
.on{color:#ff0000}
.off{color:#000000}
li{}
</style>
<script language="javascript" src="jquery-1.3.1.min.js"></script>
<script language="javascript">
var curLi = null;
$(function()
{
$("#menu>li").each(function(i){
if(i!=0)
{
$(this).hover(function(){
if(curLi!=null) $(curLi).attr("class","off");
$(this).attr("class","on");
curLi = this;
})
}
});
})
</script>
</head>
<body>
<ul id="menu">
<li class="title">a</li>
<li class="off">b</li>
<li class="off">c</li>
<li class="off">d</li>
<li class="off">e</li>
</ul>
</body>
</html>