Freezy 大佬，这里还有一个小的问题，就是这个线的动态变化，是只有当切换到当前选项卡的时候才有的，鼠标悬停在其他非当前选项卡的时候是没有线，选中并切换为当前选项卡后才变成的动态的，我现在是用单击事件来做的，不过 ...

在我上面的基础上变一下。
如果你要真实模拟上面这个效果。
他移入有两个变化，一移入会有一个背景颜色的变化。二就是你所说的下划线的变化。
背景颜色变化，需要设置文字所以矩形的选中样式
移入时，上面的两个变化都要去实现。
1，移入/移出时：判断是否被选中，如果被选中。
2，设置下划线显示，
3，设置文字所在矩形选中（移出为取消选中）。
4，设置尺寸。相关设置就我前面的回复。

如果未选中，
1，移入时，设置下划线隐藏
2，只设置文字所以矩形选中。

3，移出时，设置文字所以矩形取消选中。

松林放牛娃 准备工作： 下线，不一定是线，你也可以用矩形来代替 1，假设，默认矩形宽度30px，移入变为60px，高度为3px 2，设计移入时，交互 3，设置尺寸。 4，选择要设置尺寸的这个矩形。修改属 ...

大佬，这里还有一个小的问题，就是这个线的动态变化，是只有当切换到当前选项卡的时候才有的，鼠标悬停在其他非当前选项卡的时候是没有线，选中并切换为当前选项卡后才变成的动态的，我现在是用单击事件来做的，不过出不来动态的呢，大佬帮忙指点一下，多谢多谢，这里是链接：https://xo0sgd.axshare.com   

准备工作：
下线，不一定是线，你也可以用矩形来代替
1，假设，默认矩形宽度30px，移入变为60px，高度为3px
2，设计移入时，交互
3，设置尺寸。
4，选择要设置尺寸的这个矩形。修改属性。宽度改为：60，高度保持不变：3，锚点：中心；，动画：线性。
5，确定以后预览一下移入效果；
6，移出时交互：其他都  一样的。只是把宽度改成30
完成，预览。