富群兴 网络设计工作室
企业智慧ERP应用软件服务商

jquery 如何自动使栏目名称自动高亮显示

 二维码 525
发表时间:2018-03-04 16:50

jquery 如何自动修改栏目class

当每个栏目打开时,栏目名称就高亮突出显示,效果如  思路:这里会用到几个知识点,如CSS class="active" 为高亮显示。

页面中设置js var=lanmuid值,

当menu的子元素LI序号和本页面lanmuid值相匹配时,attr 的class设置为active,激活显示

html代码如下:

<ul id="menu">

         <li><a href="http://www.seostudy.net/" class="active" title="SEO培训网首页" rel="follow index">首页</a></li>

         

         <li><a href="http://www.seostudy.net/kspm.html" title="SEO快速排名" rel="follow index">快速排名</a></li>

             

         <li><a href="http://www.seostudy.net/khal.html" title="SEO推广客户案例" class="active">客户案例</a></li>

         

         

         <li><a href="http://www.seostudy.net/seotraining/" title="SEO培训">SEO培训</a></li>


         <li><a href="http://www.seostudy.net/lxwm.html" title="SEO研究机构联系方式" rel="follow index">联系我们</a></li>          

       </ul>

每个栏目页面设置栏目ID,如下:

<script type="text/javascript">

 var lanmuid=3;

</script>

JS代码如下:

$("#menu li").each(function(){

 if ($(this).index()==lanmuid-1) {

  $(this).children("a").attr("class","active");

 }

 });

在线留言

在线留言

了解更多软件开发、行业ERP、企业官网应用服务

公司
*
手机
*
描述
*
验证码
 换一张
*
提交留言
联系QQ:2590552134
手机号码:13682478927
联系邮箱:2590552134@qq.com
联系地址:广东省深圳市龙岗区横岗镇新光一街35号
热搜词:ERP软件开发,进销存管理软件免费下载,企业管理软件,企业ERP管理系统
粤公网安备 44030702000841号
我们的使命是助力商家全渠道管理与业务拓展,同时在供应链重塑的背景下,实现商业模式的全新升级
——————
热线电话
136 8247 8927
website qrcode