这是使用的 SyntaxHighlighter 代码高亮插件
http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html
还可以使用 富文本编辑器 如 ueditor
下面就是 ueditor 效果
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
在web开发中会遇到这样一个问题：当你点击某一个导航时，就让他高亮显示，其他的默认。可以用一下两种方法解决：
1，在每一个文件中都引入头部，然后为不同的链接添加样式
缺点：比较麻烦，如果要修改样式，每个文件都要修改
2，把头部提出来，用js判断url地址，然后给当前的url加上样式（用js控制的）
<!--导航条高亮---
<!---以下是html部分，给div添加一个id--
<div class="nav_nav"
id="tabs_nav"
<a href="/"
class="active"公司首页</a<ahref="/product/product.php"
公司简介</a<ahref="/shop/map.php"雅酷地图</a<b</b<ahref="/shop/shop.php"合作商户</a<ahref="/shop/shop_search.php"商户搜索</a</div
<!---以下是js部分--
<script type="text/javascript"
//获取div下面所有的a标签（返回节点对象）
var myNav =
document.getElementByIdx_x("tabs_nav").getElementsByTagName_r("a")
//获取当前窗口的url
var myURL = document.location.href
//循环div下面所有的链接，
for(var i=1i<myNav.lengthi++){
//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute("href")
var myURL =
docu...在web开发中会遇到这样一个问题：当你点击某一个导航时，就让他高亮显示，其他的默认。
可以用一下两种方法解决：
1，在每一个文件中都引入头部，然后为不同的链接添加样式
缺点：比较麻烦，如果要修改样式，每个文件都要修改
2，把头部提出来，用js判断url地址，然后给当前的url加上样式（用js控制的）
<!--导航条高亮---
<!---以下是html部分，给div添加一个id--
<div class="nav_nav"
id="tabs_nav"
<a href="/"
class="active"公司首页</a<ahref="/product/product.php"
公司简介</a<ahref="/shop/map.php"雅酷地图</a<b</b<ahref="/shop/shop.php"合作商户</a<ahref="/shop/shop_search.php"商户搜索</a</div
<!---以下是js部分--
<script type="text/javascript"
//获取div下面所有的a标签（返回节点对象）
var myNav =
document.getElementByIdx_x("tabs_nav").getElementsByTagName_r("a")
//获取当前窗口的url
var myURL = document.location.href
//循环div下面所有的链接，
for(var i=1i<myNav.lengthi++){
//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute("href")
var myURL =
document.location.href
//查看div下的链接是否包含当前窗口，如果存在，则给其添加样式
if(myURL.indexOf(links)!= -1){
myNav[i].className="active"
myNav[0].className=""}}
这个很有用，以后会用到~！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）