function navTag(nav_ls_id, nav_con_id,nav_ls_item,nav_con_item) {
if (document.getElementById(nav_ls_id) && document.getElementById(nav_con_id)) {
var nav_ls_item = document.getElementById(nav_ls_id).getElementsByTagName(nav_ls_item);
var nav_con_item = document.getElementById(nav_con_id).getElementsByTagName(nav_con_item);
var len = nav_ls_item.length;
nav_ls_item[0].setAttribute("class","active");
nav_con_item[0].setAttribute("class","active");
for (var i = 0; i < len; i++) {
nav_ls_item[i].setAttribute("data-index", i);
nav_con_item[i].setAttribute("data-index", i);
}
for (var i = 0; i < len; i++) {
nav_ls_item[i].onmouseover = function() {
for (var i = 0; i < len; i++) {
nav_ls_item[i].setAttribute("class","");
nav_con_item[i].setAttribute("class","");
}
this.setAttribute("class","active")
_index = this.getAttribute("data-index");
nav_con_item[_index].setAttribute("class","active");
}
}
}
}
navTag("dytab", "dycon","li","ul")
一个简单的原生js封装tab切换函数
最新推荐文章于 2022-03-22 22:54:23 发布