使用JS实现选项卡和滑动门的效果

使用JS实现选项卡和滑动门的效果

什么是选项卡和滑动门??见下图:

使用JS实现选项卡和滑动门的效果_第1张图片

怎么实现呢,下面我来教你

方法1:使用在button里的onclick方法change实现




	
	
	


	
	
	
	
科技123
军事123
文学123


方法2:使用window.onload方法实现




	
	
	


	
	
	
	
科技123
军事123
文学123

下面是运行出来的效果



滑动门就是鼠标滑动发生的和选项卡相同的效果,只需要把onclick方法改为onmouseover即可


耶耶耶,ok啦~


你可能感兴趣的:(编程-工具类)