JAVASCRIPT之导航栏鼠标点击变色特效
来源:互联网 发布:传奇3数据库 编辑:程序博客网 时间:2024/05/21 11:16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JAVASCRIPT之导航栏鼠标点击变色特效</title><style type="text/css">body { font-size:12px; font-family: Arial, Helvetica, sans-serif;} .ts_seled { color: #F00;} .ts_sel { color:#666;}</style><script language="javascript">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的样式 if(document.getElementsByName('myset')){ var arrLink = document.getElementsByName('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;//阻止浏览器默认事件}</script></head><body> <ul> <li> <a href="#" name="myset">首页</a> </li> <li> <a href="#" name="myset">联系我们</a> </li> <li> <a href="#" name="myset">帮助</a> </li> </ul></body></html>
1 0
- JAVASCRIPT之导航栏鼠标点击变色特效
- JavaScript-导航栏点击变色处理
- Javascript 鼠标点击冒泡特效
- JS特效之鼠标滑动导航条
- 鼠标点击谁谁变色
- js控制导航变色 特效
- 用javascript实现GridView行背景色交替鼠标划过行变色点击行变色选中
- 鼠标点击文本框,边框变色
- 鼠标点击文本框,边框变色
- 点击相应网页链接,左侧导航栏变色做法
- 安卓底部导航栏点击变色切换不同Fragment
- js当行变色点击变色鼠标滑过变色
- css导航鼠标放置特效
- 用javascript/css实现GridView行背景色交替、鼠标划过行变色,点击行变色选中
- 一个javascript 点击后变色
- javascript点击当前文字变色
- 导航栏底色变色
- 导航条点击当前页面变色
- Android系统广播大全
- JS文件中写CSS代码达到共用文件
- win7(64位)离线安装 sphinx-doc
- 练习
- vi
- JAVASCRIPT之导航栏鼠标点击变色特效
- grub2中env绑定hook函数
- java I/O 字节流和字符流的运用
- 51单片机复位电路原理
- JAVASCRIPT之子窗口与父窗口的互调
- golang与java间的json-rpc跨语言调用
- 1路AD数码管显示
- 解决Tomcat: Can't load IA 32-bit .dll on a AMD 64-bit platform问题
- CSS3属性之:border-radius