js常用的选项卡特效

js常用的选项卡特效

js常用的选项卡特效

新建文件，引入js，创建ul列表

为列表添加样式

效果如图

为每个列表里的li添加对应的内容

将这些内容包含在一个大的div里面，并且隐藏起来出来第一个div的内容

为大的div设置样式

效果如图，没有滑过效果

js定义变量

js创建li鼠标滑过的效果

效果如图，只有鼠标滑过的效果，下面的内容没有变化

js创建选项卡的效果，对应li对应下面的内容

如图附上源码，