简单的jquery tab选项卡切换代码样式



120 476 159



特效描述:简单tab切换 tab选项卡 选项卡切换 切换样式,可以修改tab选项卡相关样式。。。。

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

3. HTML代码

<div style="width:420px;margin:40px auto;">
    <div class="tabPanel">
		<ul>
			<li class="hit">Tab1</li>
			<li>Tab2</li>
			<li>Tab3</li>
		</ul>
		<div class="panes">
			<div class="pane" style="display:block;"><h4>First tab content</h4><p>First tab content</p></div>
			<div class="pane"><h4>Secend tab content</h4><p>First tab content</p></div>
			<div class="pane"><h4>Third tab content</h4><p>First tab content</p></div>
		</div>
    </div>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 文字切换 文字选项卡 选项卡自动切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到