html鼠标滑过导航栏变色,JavaScript实现鼠标点击导航栏变色特效

废话不多说了，直接给大家贴js实现鼠标点击导航栏变色代码，具体代码如下所示：

JAVASCRIPT之导航栏鼠标点击变色特效

body {

font-size:12px;

font-family: Arial, Helvetica, sans-serif;

}

.ts_seled {

color: #F00;

}

.ts_sel {

color:#666;

}

window.onload = initLinkStyle;

function initLinkStyle() {

if(document.getElementsByName('myset')){

var arrLink = document.getElementsByName('myset');

for(i = 0; i < arrLink.length; i++) {

var link = arrLink[i];

link.className='ts_sel';

link.onclick = clickNav;

}

}

}

/**

* 执行点击事件

* @param {Object} event 鼠标事件

*/

function clickNav(event) {

var target = event.currentTarget;

//上次选择的a的样式