盒子左右方向渐变色，当鼠标点击后盒子和方形和圆形中切换

过程：

1.创建盒子 div 

2.形容盒子，并分成两个className,后期 切换即可

3.script 中 切换

第一种方式  三元表达式 方法

 三元表达式切换： 这个className 是全等 其中一个名字不，是的话添加另一个（className 添加会覆盖原来的名字）。不是的话移除另外一个名字。

第二种，老老实实的使用排他思想切换

 获取元素→添加事件 →借用 e.target.classname 

判断下，目标事件的类名是否是其中一个类名，是的话，采用排他思想都移除，然后重新添加另一个。

不是的话，也是采用排他思想，清除类名，重新添加。

即 if  请问你是A不，是A。→那么把A移除，然后添加B。

不是A  else → 那么把B移除，然后添加A。