本文目录一览:
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样式,突出显示那个层,看起来像是被灯光照亮的效果。总之就是一种显示方式而已