js表格高亮显示.hover

JavaScript021

js表格高亮显示.hover,第1张

这是表格高亮显示功能。

hover一个模仿悬停事件。鼠标移动到一个对象上面及移出这个对象。的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种保持在其中的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测，如果是，则会继续保持悬停状态，而不触发移出事件。

第一种各行换色，第二种鼠标移动到对应行，高亮显示。

比如说新闻中心高亮：添加个class active

.active{ background-color:red}

<div class="ny_left_dh_wxz active" id="div1"><a href="[!--news.url--]news">新闻中心</a></div>

或者　添加个onclick = 'activeMenu(this)'

function activeMenu(_this){

$('.ny_left_dh_wxz').each(function(){

$(this).removeClass('active')

})

$(_this).addClass('active')

}

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=0i<myNav.lengthi++)    // 在所有超链接中循环遍历 

{   

   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>中。