哪位大佬告诉我这一段讲了什么呀,很急

dike2112 2020-05-27 01:12:30
<script>

function $(id) {
return typeof id==='string'?document.getElementById(id):id;
}
var titles=$("notice-tit").getElementsByTagName("li");
var divs=$("notice-con").getElementsByTagName("div");
for(var i=0;i<titles.length;i++){
titles[i].index=i;
titles[i].onmouseover=function () {
for(var j=0;j<titles.length;j++){
titles[j].className="";
divs[j].style.display="none";
}
this.className="tab_current";
divs[this.index].style.display="block";
};

};

</script>
...全文
51 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
jio可 2020-05-27
  • 打赏
  • 举报
回复
其实就是一个根据导航栏鼠标悬浮显示对应内容,类似于购物商城的商品分类
dike2112 2020-05-27
  • 打赏
  • 举报
回复
引用 2 楼 usecf的回复:
这种你也可以自己写一个测试程序,把这个方法用上,看看就知道是什么功能了
这段代码就是具体有什么用呢?
usecf 2020-05-27
  • 打赏
  • 举报
回复
这种你也可以自己写一个测试程序,把这个方法用上,看看就知道是什么功能了
usecf 2020-05-27
  • 打赏
  • 举报
回复
<script> function $(id) { //传递一个id,封装document.getElementById的方法 return typeof id==='string'?document.getElementById(id):id; //判断变量id是不是字符串类型,是的话,根据id,获取对象,不是直接返回变量id } var titles=$("notice-tit").getElementsByTagName("li"); //获取notice-tile对象下所有的li var divs=$("notice-con").getElementsByTagName("div");//获取notice-con下的所有div for(var i=0;i<titles.length;i++){ titles[i].index=i; titles[i].onmouseover=function () {//鼠标划过事件,滑到对应li上,去掉li的样式,隐藏对div for(var j=0;j<titles.length;j++){ titles[j].className=""; divs[j].style.display="none"; } this.className="tab_current"; //设置li的样式为tab_current divs[this.index].style.display="block"; //显示对应的div }; }; </script>

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧