js导航菜单图片选项卡演示特效代码下载


js导航菜单图片选项卡演示特效代码下载
js导航菜单图片选项卡演示特效代码下载以及导航菜单、图片选项卡演示等js/jquery网页特效代码下载。

1. 引入JS

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

2. HTML代码

<div class="demo">
	<h2>演示 1: 基本的</h2>
	<div id="tab-nav-1" class="tab-nav">
		<ul>
			<li>
				<a href="javascript:void(0);" title="jquery图片特效">jquery图片特效</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery图片切换">jquery图片切换</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery幻灯片">jquery幻灯片</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery图片滚动">jquery图片滚动</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);" title="jquery导航菜单">jquery导航菜单</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery动画菜单">jquery动画菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery树形菜单">jquery树形菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery下拉菜单">jquery下拉菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery右键菜单">jquery右键菜单</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);" title="jquery选项卡特效">jquery选项卡特效</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery选项卡切换">jquery选项卡切换</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="jquery滑动选项卡">jquery滑动选项卡</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<h2>演示 2: 一次一个</h2>
	<div id="tab-nav-2" class="tab-nav">
		<ul>
			<li>
				<a href="javascript:void(0);" title="js图片特效">js图片特效</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js图片切换">js图片切换</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js幻灯片">js幻灯片</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js图片滚动">js图片滚动</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);" title="js导航菜单">js导航菜单</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js动画菜单">js动画菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js树形菜单">js树形菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js下拉菜单">js下拉菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js右键菜单">js右键菜单</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);" title="js选项卡特效">js选项卡特效</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js选项卡切换">js选项卡切换</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js滑动选项卡">js滑动选项卡</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<h2>演示 3: 自动关闭</h2>
	<div id="tab-nav-3" class="tab-nav">
		<ul>
			<li>
				<a href="javascript:void(0);" title="js图片特效">js图片特效</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js图片切换">js图片切换</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js幻灯片">js幻灯片</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js图片滚动">js图片滚动</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);" title="js导航菜单">js导航菜单</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js动画菜单">js动画菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js树形菜单">js树形菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js下拉菜单">js下拉菜单</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js右键菜单">js右键菜单</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:void(0);" title="js选项卡特效">js选项卡特效</a>
				<ul>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js选项卡切换">js选项卡切换</a></li>
					<li><a href="http://www.51qianduan.com/" target="_blank" title="js滑动选项卡">js滑动选项卡</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>

相关推荐

发表评论

相关文章