jQuery代码: $(".menu a").click(function(){
var j=$(".menu a").index(this)
$(".menu a").each(function(i){
if(i==j){
$(this).toggle(
function(){
$(this).addClass("col")
},
function(){
$(this).addClass("col")
}
)
}else{
$(this).removeClass()
}
})
})html代码:<div class="menu">
<ul>
<li><a href="index03.html">首 页</a></li>
<li><a href="index03.html">关于集团</a></li>
<li><a href="index03.html">道达尔在中国</a></li>
<li><a href="index03.html">职业生涯</a></li>
<li><a href="index03.html">企业社会责任</a></li>
<li><a href="index03.html">新生和刊物</a></li>
</ul>
</div>当单击某一个链接时,就给它添加一个背景色,这效果在IE浏览器下没问题,可在火狐浏览器下没反应,上面的jQuery代码怎么样写才能实现兼容?
var j=$(".menu a").index(this)
$(".menu a").each(function(i){
if(i==j){
$(this).toggle(
function(){
$(this).addClass("col")
},
function(){
$(this).addClass("col")
}
)
}else{
$(this).removeClass()
}
})
})html代码:<div class="menu">
<ul>
<li><a href="index03.html">首 页</a></li>
<li><a href="index03.html">关于集团</a></li>
<li><a href="index03.html">道达尔在中国</a></li>
<li><a href="index03.html">职业生涯</a></li>
<li><a href="index03.html">企业社会责任</a></li>
<li><a href="index03.html">新生和刊物</a></li>
</ul>
</div>当单击某一个链接时,就给它添加一个背景色,这效果在IE浏览器下没问题,可在火狐浏览器下没反应,上面的jQuery代码怎么样写才能实现兼容?
解决方案 »
- editorGridPanel中comboBox作为editor时动态去掉某些选项
- 自定义firefox的地址的重定向,例如输入www.163.com,ff将其重定向为www.baidu.com
- 请问当浏览器窗口最小化时,有什么法让它最大化??
- 电脑看代码不清晰,像马赛克是的
- XML.selectNodes无法获取xml中节点的值
- 如何在判断客户端是否开启js和cookie,没开则输出提醒页面。
- 如何用js模拟asp的encode,decode?在线等
- help
- to net_lover(孟子E章)
- 轻松分别vue.js里的v-if和v-show属性
- 请大家推荐一个好的JQUERY画图插件吧,能具有ZedGraph那些功能
- 求高手解决一个关于数组取值的问题
<html>
<head>
<style>
<style type="text/css">
a {
background:red;
}
a:link{
background:yellow;
}
a:visited:{
background:black;
}
a:hover {
background:blue;
}
a:active, a:focus{
background:#ff00ff;
}
</style>
<head>
<body>
<div><a href="javascript:void(0)">aaa</a></div>
<div><a href="javascript:void(0)">ccc</a></div>
<div><a href="javascript:void(0)">ddd</a></div>
<div><a href="javascript:void(0)">vvv</a></div>
</body>
</html>
这个没有js,就是css的
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src = "http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" language = "javascript"></script>
<style>
.col{background:red}
</style>
</HEAD> <BODY>
<div class="menu">
<ul>
<li><a href="javascript:void(0);">首 页</a></li>
<li><a href="javascript:void(0);">关于集团</a></li>
<li><a href="javascript:void(0);">道达尔在中国</a></li>
<li><a href="javascript:void(0);">职业生涯</a></li>
<li><a href="javascript:void(0);">企业社会责任</a></li>
<li><a href="javascript:void(0);">新生和刊物</a></li>
</ul>
</div><SCRIPT LANGUAGE="JavaScript">
<!--
var lstIndex = -1 ;
$(".menu a").click(function(i){
$(this).addClass("col");
if(lstIndex != -1)
{
$(".menu a").eq(lstIndex).removeClass() ;
} lstIndex = $(".menu a").index($(this));
//此处跳转
// window.location.href = ... })
//-->
</SCRIPT>
</BODY>
</HTML>