jQuery动态添加.active 实现导航l栏效果
来源:互联网 发布:剑三咩太捏脸数据 编辑:程序博客网 时间:2024/06/05 21:04
html:
<div class="navitems" id="nav">
<ul>
@foreach (NavInfo info in WorkContext.NavList)
{
<li><a href="@info.Url" id="cy_@info.Id">@info.Name</a></li>
}
<li><a href="http://line.changyou168.com/" target="_blank">旅游频道</a></li>
<li><a href="http://www.changyou168.com/" target="_blank">畅游生活+</a></li>
<li><a href="@Url.Action("IndexPage", "Lottery")" class="ys_cy" id="lucky">幸运大转盘</a></li>
</ul>
</div>
css:
.navitems .sb {
background-color: #ec5151;
border-bottom: 1px solid #ec5151;
}
js:
$(document).ready(function () {
$('#nav li a').each(function () {
if ($($(this))[0].href == String(window.location))
$(this).parent().addClass('sb');
});
})
- jQuery动态添加.active 实现导航l栏效果
- jq 动态添加.active 实现导航效果
- JQ 动态添加 .active 实现常见导航效果
- jQuery 导航动态效果
- jQuery动态添加.active属性实现按钮点击样式
- jquery 实现导航栏滑动效果
- jquery 实现导航栏滑动效果
- jquery插件实现导航栏动画效果
- jquery 实现导航栏滑动效果
- jQuery实现固定导航栏效果
- bootstrap 公用导航栏添加active
- bootstrap导航栏 active无法动态显示
- jquery实现定位导航效果
- 用jquery中动态添加删除class制作导航栏
- jQuery 导航条动态美化效果
- jQuery实现导航栏的隐藏与显示效果
- jQuery简单实现导航栏根据滑动自动悬浮效果
- jquery模拟导航栏效果
- Android学习笔记5---四大组件之Activity
- 有分号;隔开的字符串的拆分,合并,读取
- 注解(Annotation)自定义注解入门
- C# dataTable的linq联合查询,插入到新的dataTable中
- Spark Java 用 KMeans算法实现图片压缩
- jQuery动态添加.active 实现导航l栏效果
- ASCII码排序
- php swoole 异步处理任务例子
- 萌新入门的学习心得-信息安全出入门
- Spark配置参数详解
- NP是可计算的吗?- “算法”的二个层次
- pthread_attr_t 线程属性
- 欢迎使用CSDN-markdown编辑器
- 禁用屏幕旋转后,手动设置camera预览方向