菜鸟笔记

Menu

dedecms使用js控制导航hover效果

HTML代码:

<div id="menu"><ul class="menu_con" id="nav"> <li><a class="home" href="#">首页</a></li> <li><a href="#">栏目页</a></li> <li><a href="#">栏目页</a></li> <li><a href="#">栏目页</a></li> <li><a href="#">栏目页</a></li> <li><a href="#">栏目页</a></li> <li><a href="#">栏目页</a></li> <li><a href="#">栏目页</a></li></ul></div>

JS代码:
//导航$(document).ready(function() {    var url = window.location.href;    $(".home").addClass("menu_dq");    $("#nav li a").each(function(){        if(url.indexOf($(this).attr("href")) >= 0 && $(this).attr("href") != "/"){              $(this).addClass("menu_dq");            $(".home").removeClass("menu_dq");        }    });});

— 于 共写了80个字
— 文内使用到的标签:

2条回应:“dedecms使用js控制导航hover效果”

  1. 任务易说道:

    路过,支持博主

发表评论

电子邮件地址不会被公开。 必填项已用*标注