首页 > 编程知识 正文

js代码高亮原理,代码高亮怎么实现

时间:2023-12-27 22:26:56 阅读:325194 作者:IUOQ

本文目录一览:

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。