选项卡tab效果,动画
演示地址:http://www.corange.cn/demo/3770/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Tab菜单</title>
<link type="text/css" href="jquery.ui/flora.tabs.css" rel="stylesheet" />
<style type="text/css">
<!--
body{
background:#ffe7bc;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="jquery.ui/ui.base.min.js"></script>
<script language="javascript" src="jquery.ui/ui.tabs.min.js"></script>
<script language="javascript">
$(function(){
//直接制作Tab菜单,默认选择为第二项,且切换的时候fade动画
$("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
});
</script>
</head>
<body>
<div id="container">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">www.corange.cn</div>
<div id="fragment-2">asp,php</div>
<div id="fragment-3"> js等各种代码</div>
</div>
</body>
</html>
相关推荐
主要介绍了Android多个TAB选项卡切换效果的实现代码,感兴趣的小伙伴们可以参考一下
这是一款使用纯css3制作的经典tab选项卡动画特效插件。该tab选项卡特效共4种效果:淡入淡出效果、左右滑动效果、渐隐效果和上下滑动效果。
前段时间刚刚为大家分享过一款...今天要继续分享一款五彩的jQuery Tab选项卡动画插件,它与其他的Tab选项卡不同的是,不仅有多种风格可自由选择切换,而且切换每一个Tab页的时候Tab页内容的背景就会不同,非常炫酷。
jquery封装Tab标签选项卡,内含动画版选项卡及滑动门
效果描述: 一款基于jQuery的tab选项卡插件jQuery.navScroll.js插件 可以让你的tab动画切换以动画的方式切换,非常简单轻巧 使用方法: 1、引入css样式 2、将index.html中的代码部分拷贝过去即可
效果描述: ...一款基于jQuery的tab选项卡插件jQuery.navScroll.js插件 可以让你的tab动画切换以动画的方式切换,非常简单轻巧 使用方法: 1、引入css样式 2、将index.html中的代码部分拷贝过去即可
BottomNavigationView实现material design 的tab选项卡效果
jQuery实现的一款纵向动画切换选项卡TAB星期待办事项任务列表代码。
jQuery tab选项卡切换插件和css3属性结合动画选项卡切.
jQuery鼠标滑动tab选项卡切换效果代码 jQuery鼠标滑动tab选项卡切换效果代码 jQuery鼠标滑动tab选项卡切换效果代码 jQuery鼠标滑动tab选项卡切换效果代码
jQuery实现的动画展开的图标样式Tab选项卡,很漂亮的效果
jQuery实现的一款纵向动画切换选项卡TAB星期待办事项任务列表代码。
基于JQuery的一款滑动切换插件,就是大家熟悉的滑动门和选项卡,也称为Tab标签,不过本插件内含有多款标签,有的带有动画效果,带有注释,不熟悉网页的也可轻松上手。一些代码注释: * defaultIndex - 默认选中的...
winform选项卡控件 切换动画效果,含多种效果,从多个方位进入
HTML5 Tab选项卡动画切换特效是一款基于HTML5 CSS3实现的带有动画切换效果的Tab选项卡插件cbpFWTabs。
本文实例为大家介绍实现tab选项卡的应用,此插件相对比较简单,具体内容如下 源码文件: tab.js 实现原理: 1、单击一个元素时,首先将原来高亮的元素取消 2、然后给被单击元素进行高亮 3、如果单击元素是下拉框中...
jQuery TAB选项卡,彩色渐变风格,带动画效果,一共有四款选项卡示例,风格大致相似。只是有些是使用背景图片来修饰,每一款选项卡都附有关键的代码调用说明,下载后,可参考压缩包中的index.html文件中用法。
一款调用了google jsapi实现的css3 tab选项卡特效,测试时请注意要引入Google的JSAPI才可以正常使用,该TAB选项卡动画效果十分流畅,支持众多鼠标效果,若正常引入JSAPI,会看到动画效果很平滑顺畅,选项卡的样式也...
jQueryTab是一款带CSS3过渡动画效果的jQuery Tabs选项卡插件。它是轻量级插件,使用简单,采用响应式设计,并支持多种CSS3动画过渡效果。