首页 > 代码库 > 关于Js下拉导航的解释
关于Js下拉导航的解释
// 定义一个方法sfHover
sfHover =
function
()
{
// 获取id为nav的dom元素里面的每个li元素, sfEls是个集合
var
sfEls = document.getElementById (
"nav"
).getElementsByTagName (
"LI"
);
// 循环里面的每个li元素对象
for
(
var
i = 0; i < sfEls.length; i++)
{
// 给每个li元素设置onmouseover事件,鼠标滑过事件
sfEls[i].onmouseover =
function
()
{
// 当鼠标滑过li时,被滑过的li的class属性在原来的基础上加上 sfhover
this
.className +=
" sfhover"
;
}
// 给每个li设置鼠标移出事件
sfEls[i].onmouseout =
function
()
{
// 当鼠标移出时,把原来加上的 sfhover去掉
this
.className =
this
.className.replace (
new
RegExp (
" sfhover\\b"
),
""
);
}
}
}
// 如果浏览器支持window.attachEvent方法,就调用这个方法
if
(window.attachEvent)
{
// 调用onload方法,把sfHover加载到其中
window.attachEvent (
"onload"
, sfHover);
}
关于Js下拉导航的解释
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。