JS实现导航栏记住点击后的浏览位置变色功能
2016-07-15 11:24
603 查看
JS实现导航栏记住点击后的浏览位置变色功能
JS设置: <script type="text/javascript"> //设置点击后栏目变色 var pn = location.pathname;//获取当前链接的目录位置 //获取a里面链接的值 var as = document.getElementById('logged').getElementsByTagName("a"); for (var i = 0, j = as.length; i < j; i++){ //判断是否是首页 if(pn.length>3){ //对当前连接的目录位置和a链接的目录位置进行对比 if (as[i].href.indexOf(pn) != -1) {as[i].className = 'focus1'; break; } //if (!find) as[0].className = 'focus';//如果未找到匹配的,需要设置哪个获取焦点可以修改这句 } } </script> CSS设置: <style type="text/css"> .focus1{color:#32a5e7;} </style>
相关文章推荐
- 一个关于if else容易迷惑的问题
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- PHP5.2.*防止Hash冲突拒绝服务攻击的Patch
- 深入理解PHP之匿名函数
- JavaScript演示排序算法
- JSP/PHP基于Ajax的分页功能实现
- javascript实现10进制转为N进制数
- 关于PHP通过PDO用中文条件查询MySQL的问题。
- 什么是设计模式
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- PHP数据库长连接mysql_pconnect的细节
- 最后一次说说闭包
- Ajax
- HTML5调用摄像头实例
- 2019年开发人员应该学习的8个JavaScript框架
- Php Installing An Expansion