解决方案 »
- 用框架在一个窗体中实现IE7的TAB功能!!!
- 如何实现迅雷看看提示性效果的JS
- 找一个最好的在线Ajax聊天的,不要求有多个聊天室功能,只是大家可以在一块聊就OK
- 如何把javascript的变量b的值 赋给同一个页面的vbscript的变量a
- 如果获得网页中元素在浏览器中的位置? 急~~ 在线等待~~
- 关于innerHTML奇怪问题,高分求解!谢谢!
- 请问:用父窗口打开的子窗口,子窗口中如何让父窗口自动刷新!
- window.open出来的页面中可以设置父页面select中option的值么?
- 哪里有Javascript语法和函数的详细解释?
- 求助各位高手。
- 火狐浏览器中如何调用打印、打印浏览功能
- 把$换成jquery JS报出undefined is not a function错误
<div class="l"></div>
<ul class="c">
<li>
<span class="v"><a href="http://www.jsfoot.com" target="_blank">首页</a></span>
<div class="kind_menu" style="left:50px"></div>
</li>
<li>
<span class="v"><a href="a.aspx">导航一</a></span>
<div class="kind_menu" style="left:40px">
<a href="a.aspx">导航一</a><span>|</span>
<a href="#">导航一</a><span>|</span>
<a href="#">导航一</a><span>|</span>
<a href="#">导航一</a>
</div>
</li>
<li>
<span class="v"><a href="#">导航二</a></span>
<div class="kind_menu">
<a href="#">导航二</a><span>|</span>
<a href="#">导航二</a><span>|</span>
<a href="#">导航二</a><span>|</span>
<a href="#">导航二</a>
</div>
</li>
<li>
<span class="v"><a href="#">导航三</a></span>
<div class="kind_menu" style="left:40px">
<a href="#">导航三</a><span>|</span>
<a href="#">导航三</a>
</div>
</li>
<li>
<span class="v"><a href="#">导航四</a></span>
<div class="kind_menu" style="left:40px">
<a href="#">导航四</a><span>|</span>
<a href="#">导航四</a><span>|</span>
<a href="#">导航四</a><span>|</span>
<a href="#">导航四</a><span>|</span>
<a href="#">导航四</a>
</div>
</li>
<li>
<span class="v"><a href="#">导航五</a></span>
<div class="kind_menu" style="left:40px">
<a href="#">导航五</a><span>|</span>
<a href="#">导航五</a><span>|</span>
<a href="#">导航五</a><span>|</span>
<a href="#">导航五</a>
</div>
</li>
</ul>
</div><!--nav--><script type="text/javascript">
var site_url = window.location.href.toLowerCase();
switch (true) {
case site_url.indexOf("/jsfoot") > 0 || site_url.indexOf("/jquery") > 0 || site_url.indexOf("/js") > 0 :
//判断当前频道属于哪个根目录模块就设置频道标签高亮
$("#nav li").attr("class","");
$("#nav li").eq(1).attr("class","nav_lishw"); //设置当前频道标签高亮
$(".nav_lishw .v a").attr("class","sele");
$(".nav_lishw .kind_menu").show();
break;
default :
$("#nav li").attr("class","");
$("#nav li").eq(0).attr("class","nav_lishw");
$(".nav_lishw .v a").attr("class","sele");
$(".nav_lishw .kind_menu").show();
}
$("#nav li").hover(
function(){
clearTimeout(setTimeout("0")-1);
$("#nav .kind_menu").hide();
$("#nav li .v .sele").attr("class","shutAhover");
$(this).attr("id","nav_hover")
$("#nav_hover .v a").attr("class","sele");
$("#nav_hover .kind_menu").show();
},
function(){
if($(this).attr("class") != "nav_lishw"){
$("#nav_hover .v .sele").attr("class","");
$("#nav_hover .kind_menu").hide();
}
$(this).attr("id","")
$("#nav li .v .shutAhover").attr("class","sele");
setTimeout(function(){
$(".nav_lishw .kind_menu").show();
$(".nav_lishw .v a").attr("class","sele");
},50);
}
);
</script>
var obj = $(".navHover");
var selIndex = 0;
$("#Indexheader .nav a").each(function (i) {// 遍历出所有的导航菜单
$(this).removeClass();
if ($(this).attr("href") == location.pathname) {
$(this).attr("class", "navHover");
selIndex = i;
}
});
if (location.pathname == "/")
$("#Indexheader .nav a").first().attr("class", "navHover"); });
项目中正在使用的一个方法,希望对你有帮助