本文目录一览：
js中前后内容比较实现高亮怎么做的啊
给相应的每个元素加个事件，比如onmouseover事件，
调用一个函数，让相同的两个部分显示相同的背景颜色就可以了。
在网上找了个js判断当前栏目高亮的代码，有懂js的能给我翻译一下每行代码的意识吗，我想学习一下。代
var myNav = document.getElementById(“nav”).getElementsByTagName(“a”);
这是找html文件中id是nav的元素中所有超链接a元素。
即找这里面的超链接a：
div id=”nav”
a href=”1.html”/a
a href=”….”/a
….
/div
for(var i=0;imyNav.length;i++) // 在所有超链接中循环遍历
{
var links = myNav[i].getAttribute(“href”); //得到元素中的href内容（例如上面的1.html）
//alert(links)
//alert(myNav[i]);
var myURL = document.location.href; //得到当前文件的URL
if(myURL.indexOf(links) != -1) //如果当前URL与超链接的href内容相同
{
myNav[i].className=”d”; 此超链接的类名设成d
}
}
也就是说，如果URL地址相同的话，a元素变成：
a href=”…” class=”d”/a
这个d就是定义你所说的高亮样式的。d的定义要么在引用的某个css文件中，要么在本文件的style中。
js分页高亮问题
script type=”text/javascript”
/**
*由于你的代码很多，而我只更改了JavaScript部分，所以我只发JS部分了。
*
*另外，我改动的地方都做了注释，具体详见：
*/
var obj = document.getElementById(“frameContent”);//获取内容层
var pages = document.getElementById(“pages”);//获取翻页层
window.onload = function()//重写窗体加载的事件
{
var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//获取页面数量
pages.innerHTML = “b共”+allpages+”页/b “;//输出页面数量
for (var i=1;i=allpages;i++){
//这里对初始分页做了判断，如果是第一次循环，则将第一页高亮，因为是JS分页程序也决定了网页开启后为第一页：
pages.innerHTML += “a href=\”javascript:showPage(‘”+i+”‘);\” style=\”color:” + (i==1?”#F00″:”#06C”) + “\”第”+i+”页/a “;
//循环输出第几页
}
}
function showPage(pageINdex)
{
obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根据高度，输出指定的页
//下面我做了点击事件的判断，点击了哪个，哪个高亮，其余的变回原色：
var as = pages.getElementsByTagName(‘a’);
for(var i=0; ias.length; i++){
as[i].style.color = i+1 == pageINdex ? ‘#F00’ : ‘#06C’;
}
}
/script
JS中高亮层是什么
就是通过CSS样式，突出显示那个层，看起来像是被灯光照亮的效果。总之就是一种显示方式而已
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/305010.html
微信扫一扫 
支付宝扫一扫 