HTML代码<head>里面的内容是什么意思啊?
<head><title>无标题文档</title><linkrel="stylesheet"href="common.css"type="text/css"/><scr...
<head>
<title>无标题文档</title>
<link rel="stylesheet" href="common.css" type="text/css"/>
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--><!]]>
</script>
</head>
这个<head>里面包含一个function menuFix() ,不知道这里面的参数是定义什么的啊,希望高手指点一下啊! 展开
<title>无标题文档</title>
<link rel="stylesheet" href="common.css" type="text/css"/>
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--><!]]>
</script>
</head>
这个<head>里面包含一个function menuFix() ,不知道这里面的参数是定义什么的啊,希望高手指点一下啊! 展开
1个回答
展开全部
这是一个翻转器,功能如函数名fix menu,给导航加翻转器效果。
var sfEls = document.getElementById("nav").getElementsByTagName("li");
找出文档中id为nav的标签下的li标签
for (var i=0; i<sfEls.length; i++) {
遍历所有这样的标签
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
这三句是说当鼠标处于over、Down、Up三种状态时改变相应li标签的类名,如果原li标签无类名则改为sfover,如果有加上空格和sfover,意图是通过在css里设置.xxx sfover={xxxxxx}来改变标签的视觉效果,实现翻转器的效果
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
这句设置鼠标离开的视觉效果,简单说来和上面的过程相反,用正则的找出sfhover的匹配、删除,是鼠标离开后回到原来的显示效果。
window.onload=menuFix;
窗口加载完毕后执行menuFix
CDATA那部分是防止代码中>歧义的
var sfEls = document.getElementById("nav").getElementsByTagName("li");
找出文档中id为nav的标签下的li标签
for (var i=0; i<sfEls.length; i++) {
遍历所有这样的标签
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
这三句是说当鼠标处于over、Down、Up三种状态时改变相应li标签的类名,如果原li标签无类名则改为sfover,如果有加上空格和sfover,意图是通过在css里设置.xxx sfover={xxxxxx}来改变标签的视觉效果,实现翻转器的效果
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
这句设置鼠标离开的视觉效果,简单说来和上面的过程相反,用正则的找出sfhover的匹配、删除,是鼠标离开后回到原来的显示效果。
window.onload=menuFix;
窗口加载完毕后执行menuFix
CDATA那部分是防止代码中>歧义的
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询