jquery ajax tab选项卡制作简单网页模板单页选项卡切换



121 482 161



特效描述:tab选项卡 简单网页模板 单页选项卡切换,jquery ajax tab选项卡通过鼠标点击导航条标签选项卡滑动切换,内容异步加载选项卡切换。简单的网页模板单页选项卡切换展示。

代码结构

1. 引入JS

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

2. HTML代码

<div id="wrapper">
	<h1>jquery ajax tab选项卡制作简单网页模板单页选项卡切换</h1>
	<ul id="nav">
		<li><a href="index.html">欢迎访问</a></li>
		<li><a href="about.html">关于我们</a></li>
		<li><a href="portfolio.html">投资组合</a></li>
		<li><a href="contact.html">联系我们</a></li>
		<li><a href="terms.html">条款</a></li>
	</ul>
	<div id="content">    	
		<h2>欢迎访问!</h2>
		<p>您好,欢迎光临示范的NETTUTS教程 - “如何载入和动画内容与jQuery”</p>
		<p>在本教程中,我们将采取平均每天网站,并加强与jQuery。我们将添加AJAX功能,使有关的容器,而不是用户的内容加载到导航到另一个页面。我们也将整合一些真棒效应...</p>
	</div>
</div>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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