导航菜单指示当前页脚本
2015-11-18 14:16
423 查看
<script type="text/javascript">
function indicateActivePage(pageNo)
{
$(".nav_bar ul li:eq(" + pageNo + ")").addClass("activepage");
}
</script>
<ul class="fright">
<li><div class="line"></div><a href="/html/index.html">首 页</a></li>
<li><div class="line"></div><a href="/html/slotgame.html" nav_data="sub_slotgame">菜单1</a></li>
<li><div class="line"></div><a href="/html/livecasino.html" nav_data="sub_livecasino">菜单1</a></li>
<li><div class="line"></div><a href="/html/mobile.html">菜单1</a></li>
<li><div class="line"></div><a href="/html/promotions.html">菜单1</a></li>
<li><div class="line"></div><a href="/html/vip/index.html">菜单1</a></li>
<li><div class="line"></div><a href="http://aff.hupaiyule.com/" target="_blank">菜单1</a></li>
</ul>
在各个页面中调用脚本及在css编写相应的脚本
function indicateActivePage(pageNo)
{
$(".nav_bar ul li:eq(" + pageNo + ")").addClass("activepage");
}
</script>
<ul class="fright">
<li><div class="line"></div><a href="/html/index.html">首 页</a></li>
<li><div class="line"></div><a href="/html/slotgame.html" nav_data="sub_slotgame">菜单1</a></li>
<li><div class="line"></div><a href="/html/livecasino.html" nav_data="sub_livecasino">菜单1</a></li>
<li><div class="line"></div><a href="/html/mobile.html">菜单1</a></li>
<li><div class="line"></div><a href="/html/promotions.html">菜单1</a></li>
<li><div class="line"></div><a href="/html/vip/index.html">菜单1</a></li>
<li><div class="line"></div><a href="http://aff.hupaiyule.com/" target="_blank">菜单1</a></li>
</ul>
在各个页面中调用脚本及在css编写相应的脚本
相关文章推荐
- C#数据库编程---事务回滚
- [Elasticsearch] 分布式文档存储
- 使用imageview显示Gif图片
- 软键盘的显示问题 imeOptions
- 多线程调试必杀技 - GDB的non-stop模式
- 网站前端素材网站
- oracle 11g ctss 集群时间同步服务几个要点
- Cocos2dx-OpenGL ES2.0教程:初识MVP(3)
- windows 远程安全连接
- mongodb基本使用
- 关于sql语句,select查询时很快,加了top + 数字之后就会很慢
- s5pc100开发板linux内核移植
- (转载)Cocos2dx-OpenGL ES2.0教程:初识MVP(3)
- linux i2c 标准接口(二)
- 在Android代码中给布局添加控件
- 使用冒泡排序多个字符串
- R语言-Kindle特价书爬榜示例 & 输出HTML小技巧
- 最新版SDWebImage的使用
- 一个优秀的Android应用从建项目开始
- 查看windows系统中的程序运行记录