滑动门、target标签的JS如何封装成函数,多次调用。

发布网友 发布时间：2022-04-23 01:10

我来回答

共1个回答

热心网友 时间：2022-04-07 08:19

<script type="text/javascript">
window.onload=function(){
obj={},
obj.bts=document.getElementsByTagName("dt"),
obj.content=document.getElementsByTagName("dd");
var menu=new MenuBts(obj);
}
function MenuBts(obj){
this.bts=obj.bts,
this.content=obj.content,
this.index=0,
this.initiate();
}
MenuBts.prototype={
initiate:function(){
var _this=this;
for(var i=0;i<this.bts.length;i++){
this.bts[i].index=i;
this.bts[i].onmouseover=function(){
_this.hide(_this.content[_this.index]);
_this.display(_this.content[this.index]);
_this.hoverCss(this);
_this.outCss(_this.bts(_this.index));
_this.index=this.index;
}
}
},
hide:function(obj){
obj.style.display="none";
},
display:function(obj){
obj.style.display="block";
},
hoverCss:function(obj){
obj.className="dthover";
},
outCss:function(obj){
obj.className="";
}
}
</script>