JS 案例 Tab切换效果

最新推荐文章于 2023-05-28 23:35:58 发布

suiferq

最新推荐文章于 2023-05-28 23:35:58 发布

阅读量548

点赞数 1

分类专栏： JS 案例学习文章标签： js

本文链接：https://blog.csdn.net/suiferq/article/details/116785493

版权

本文介绍了如何使用JavaScript实现Tab切换效果。通过编写函数，当鼠标悬停在不同的课程选项上时，显示相应课程的界面。具体包括：第一课、第二课和第三课的界面切换。

摘要由CSDN通过智能技术生成

Tab切换效果

需求说明

 编写函数，实现
当鼠标指针移到“第一课”上时，显示第一课对应的界面；
当鼠标指针移动到“第二课”上时，显示第二课对应的界面；
当鼠标指针移到“第三课”上时，显示第三课对应的界面。

HTML 代码片:

<div class="dropdown">
			<button class="one" onmouseover="change(1)">第一课</button>
			
			<div class="oneTxt" id="oneTxt">
			<ul>
				<li><a href="#">函数的定义</a></li>
				<li><a href="#">函数的定义</a></li>
				<li><a href="#">函数的定义</a></li>
				<li><a href="#">函数的定义</a></li>