选项卡css怎样控制默认显示第一个？

html-css011

选项卡css怎样控制默认显示第一个？,第1张

给所有的选项卡添加style ： display：none；

然后写一个class： .on{display: block}

将这个class给第一个选项卡。

用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）：addClass("on")，鼠标离开时移出class（.on）:removeClass("on")

纯css3超酷tabs选项卡动画特效插件

这是一款使用纯css3制作的超酷tabs选项卡动画特效插件。该tabs选项卡插件共有5种特效，分别是淡入淡出、弹性放大缩小、上下滑动、来回翻转等特效

效果演示：http://www.htmleaf.com/css3/animation/2014100764.html

下载地址：http://www.htmleaf.com/Demo/2014100762.html

6、纯css3炫酷加载loading动画特效插件

这是一款通过CSS animation创建的类似gif加载图片的纯css3加载loading动画插件。这个css3加载loading动画插件集成了5种炫酷效果，有旋转、放大缩小、风车效果和太阳系9大行星效果。

效果演示：http://www.htmleaf.com/css3/css3donghua/20141117510.html

下载地址：http://www.htmleaf.com/Demo/20141117511.html