css有几种插件模式

html-css016

css有几种插件模式,第1张

纯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

Tab菜单比较简单的方法是直接使用dreamweaver cs3的spry制作,其他方法制作难度比较大,不管哪种方法,必须要使用javascript调用。

<ul class="tabs">

<li>

<input type="radio" name="tabs" id="tab1" checked />

<label for="tab1">选项卡 1</label>

<div id="tab-content1" class="tab-content">

<p>选项卡内容 1</p>

</div>

</li>

<li>

<input type="radio" name="tabs" id="tab2" />

<label for="tab2">选项卡 2</label>

<div id="tab-content2" class="tab-content">

<p>选项卡内容 2</p>

</div>

</li>

</ul>