本文是我学习tab栏切换时的笔记,步骤很详细。比较适用于JavaScript初学者
1.基础 – 排他思想
如图,点击任意一个按钮,当前按钮应该显示橘色,其他显示默认颜色灰色。
代码运行步骤:
利用for循环遍历5个按钮;
选中的按钮进行 onclick 事件时,首先删除所有按钮的类名,使其全部显示灰色(34行);
然后给当前点击的按钮添加指定类名,使其显示橘色(37行)。
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>tab栏切换效果</title>
<style media="screen">
1