js 手风琴效果

最新推荐文章于 2021-05-02 19:29:04 发布

qq_38674970

最新推荐文章于 2021-05-02 19:29:04 发布

阅读量271

点赞数

分类专栏： js学习文章标签： javascript 手风琴效果前端特效

js学习专栏收录该内容

26 篇文章 0 订阅

订阅专栏

	var span=document.getElementsByClassName('top')[0].getElementsByTagName('span');
	var div=document.getElementsByClassName('top')[0].getElementsByTagName('div');

	for(var i=0;i<3;i++){
		span[i].οnmοuseοver=changeTab;
	}

	function changeTab(){
		for(var i=0;i<3;i++){
			if(span[i]===this){
				div[i].className="show";
			}else{
				div[i].className="";
			}
		}
	}

和前面用jq写的样式差不多，就是多出了一个css show。