首页 > 编程技术 > js

用js来控制菜单里的当前栏目的css样式

发布时间:2016-10-3 19:58

本实例是通过url和栏目ID等参数来判断当前栏目

并且给当前栏目加上对应的样式 current

var url = window.location.href;

if(url.indexOf('_Time_')!=-1)
{
	$("#nav_time").addClass('current_zt');
}if(url.indexOf('_Hits_')!=-1)
{
	$("#nav_hits").addClass('current_zt');
}
if(url.indexOf('_isCommend_')!=-1)
{
	$("#nav_commend").addClass('current_zt');
}
if(url.indexOf('_Size_')!=-1)
{
	$("#nav_size").addClass('current_zt');
}

if (typeof(classid)!== 'undefined')
{
	alert(classid);
	$("#right_"+classid).addClass('current');
}
  1. 根据url里包含的字符串来获得当前是哪个列表

  2. 根据classid判断当前是什么栏目

addClass 是jquery下增加样式的

为了避免js错误,最好做个classid是不是已经赋值的判断

typeof(classid)!== 'undefined'

简单实用,我用过,放心用!

标签:[!--infotagslink--]

您可能感兴趣的文章: