html中点击导航栏变⾊,JavaScript实现⿏标点击导航栏变⾊特
效
废话不多说了，直接给⼤家贴js实现⿏标点击导航栏变⾊代码，具体代码如下所⽰：实现特效的代码js
JAVASCRIPT之导航栏⿏标点击变⾊特效
body {
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
.ts_seled {
color: #F00;
}
.
ts_sel {
color:#666;
}
function initLinkStyle() {
ElementsByName('myset')){
var arrLink = ElementsByName('myset');
for(i = 0; i < arrLink.length; i++) {
var link = arrLink[i];
link.className='ts_sel';
}
}
}
/**
* 执⾏点击事件
* @param {Object} event ⿏标事件
*/
function clickNav(event) {
var target = event.currentTarget;
//上次选择的a的样式
ElementsByName('myset')){
var arrLink = ElementsByName('myset');
for(i = 0; i < arrLink.length; i++) {
var link = arrLink[i];
if(link.className == 'ts_seled') {
link.className = 'ts_sel';
}
}
}
target.className = 'ts_seled';
return false;//阻⽌浏览器默认事件
}
以上所述是⼩编给⼤家介绍的JavaScript实现⿏标点击导航栏变⾊特效，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对JavaScript中⽂⽹⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。