基于jQuery实现网址导航页面切换代码



37 147 50



特效描述:基于jQuery实现 网址导航 页面切换,基于jQuery实现网址导航页面切换代码

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/metro.css">

2. 引入JS

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

3. HTML代码

<!--头部导航开始-->
<div id="top">
	<dl>
		<dt><a href="#" target="_blank">Win8网址导航</a></dt>
		<dd>
			<a class="a_index" href="/" target="_self">首页</a>
			<a class="a_mzdw a_mzdw_h">名站导航</a>
			<a class="a_spyy">视频音乐</a>
			<a class="a_xwzx">新闻资讯</a>
			<a class="a_gwtb">购物淘宝</a>
			<a class="a_yxyl">游戏娱乐</a>
			<a class="a_sygj">实用工具</a>
			<a class="a_yszy">影视资源</a>
			<a class="a_more" href="http://51qianduan.com/" target="_blank">更多</a>
		</dd>
	</dl>
</div>
<!--头部导航结束--> 
<!--logo区开始-->
<div id="metro_box" class="a_link">
	<dl>
		<dd style="display:none;">
			<!--购物淘宝-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/"><img src="images/logo_001a.png" width="240" height="120" alt="taobao"></a><span><a href="#">淘宝网</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/"><img src="images/logo_002a.png" width="240" height="120" alt="京东商城"></a><span><a href="#">京东商城</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?p.yiqifa/c?s=090d5719&w=253302&c=255&i=150&l=0&e=win8&t=http://51qianduan.com/?vancl"><img src="images/logo_003a.png" width="240" height="120" alt=""></a><span><a href="#">凡客诚品</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?p.yiqifa/c?s=ea58a335&w=253302&c=139&i=802&l=0&e=win8&t=http://51qianduan.com/?yihaodian/"><img src="images/logo_004a.png" width="240" height="120" alt=""></a><span><a href="#">1号店超市</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?p.yiqifa/c?s=3870c892&w=253302&c=7069&i=26922&l=0&d=180&e=win8&t=http://51qianduan.com/?amazon.cn"><img src="images/logo_005a.png" width="240" height="120" alt=""></a><span><a href="#">亚马逊</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?p.yiqifa/c?s=e5aca906&w=253302&c=280&i=240&l=0&e=win8&t=http://51qianduan.com/?newegg.cn"><img src="images/logo_006a.png" width="240" height="120" alt=""></a><span><a href="#">新蛋商城</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?p.yiqifa/c?s=17e2ac8b&w=253302&c=4275&i=4662&l=0&e=win8&t=http://51qianduan.com/?m18"><img src="images/logo_007a.png" width="240" height="120" alt=""></a><span><a href="#">麦考林</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?p.yiqifa/c?s=a2a2a463&w=253302&c=247&i=159&l=0&e=win8&t=http://51qianduan.com/?dangdang"><img src="images/logo_008a.png" width="240" height="120" alt=""></a><span><a href="#">当当网</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?p.yiqifa/c?s=25ffbe45&w=253302&c=4459&i=5662&l=0&e=win8&t=http://51qianduan.com/?suning/"><img src="images/logo_009a.png" width="240" height="120" alt=""></a><span><a href="#">苏宁易购</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?p.yiqifa/c?s=ea3b031c&w=253302&c=4018&i=2882&l=0&e=win8&t=http://51qianduan.com/?vipshop/"><img src="images/logo_010a.png" width="240" height="120" alt=""></a><span><a href="#">唯品会</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?s.click.taobao/t?e=zGU34CA7K%2BPkqB05%2Bm7rfGKas1PIKp0U37pZuBotzOg7OjeU9mIWS5%2B5UROBz6sq4fiHePnGhf6UrWuOtfD2G6QGcAHIXpjhEtESpuqsRo0a&pid=mm_10054659_0_0"><img src="images/logo_011a.png" width="240" height="120" alt=""></a><span><a href="#">淘宝聚划算</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?p.yiqifa/c?s=fab51d3d&w=253302&c=5579&i=14922&l=0&e=win8&t=http://51qianduan.com/?gome.cn/"><img src="images/logo_012a.png" width="240" height="120" alt=""></a><span><a href="#">国美电器</a></span></li>
				<li class="one" id="logo_013a"><a href="http://51qianduan.com/?p.yiqifa/c?s=3c1c7cd0&w=253302&c=5402&i=11642&l=0&e=win8&t=http://51qianduan.com/?bj.meituan/"><img src="images/logo_013a.png" width="240" height="120" alt=""></a><span><a href="#">美团网</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?p.yiqifa/c?s=4f5f315d&w=253302&c=298&i=323&l=0&e=win8&t=http://51qianduan.com/?moonbasa/"><img src="images/logo_014a.png" width="240" height="120" alt=""></a><span><a href="#">梦芭莎</a></span></li>
				<li id="logo_015a"><a href="http://51qianduan.com/?s.click.taobao/t?e=zGU34CA7K%2BPkqB05%2Bm7rfGGjlY60oHcc7bkKOQiRcrAgcZzgJmTRAYw2B9ey%2FQ3KJPxcp3%2BvBC%2FFzh7mzpBsjMcR7YLndgk5kgk3iDIb4vdXtkoO07degg%3D%3D"><img src="images/logo_015a.png" width="240" height="120" alt=""></a><span><a href="#">淘宝商城</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?alipay"><img src="images/logo_016a.png" width="240" height="120" alt=""></a><span><a href="#">支付宝</a></span></li>
			</ul>
		</dd>
		<dd style="display:bolck;">
			<!--名站导航-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/?google.hk"><img src="images/logo_001.png" width="240" height="120" alt="google"></a><span><a href="#">谷歌</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/?baidu/index.php?tn=divencheng_pg"><img src="images/logo_baidu.png" width="240" height="120" alt=""></a><span><a href="#">百度</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?youku"><img src="images/logo_003.png" width="240" height="120" alt=""></a><span><a href="#">优酷</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?weibo"><img src="images/logo_004.png" width="240" height="120" alt=""></a><span><a href="#">新浪微博</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?taobao/go/chn/tbk_channel/onsale.php?pid=mm_10054659_3403176_13200135&eventid=101329"><img src="images/logo_005.png" width="240" height="120" alt=""></a><span><a href="#">淘宝网</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?p.yiqifa/c?s=5308bddc&w=253302&c=254&i=160&l=0&e=win8&t=http://51qianduan.com/?jd"><img src="images/logo_006.png" width="239" height="120" alt=""></a><span><a href="#">京东商城</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?p.yiqifa/c?s=3870c892&w=253302&c=7069&i=26922&l=0&d=180&e=win8&t=http://51qianduan.com/?amazon.cn"><img src="images/logo_007.png" width="240" height="120" alt=""></a><span><a href="#">亚马逊</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?p.yiqifa/c?s=a2a2a463&w=253302&c=247&i=159&l=0&e=win8&t=http://51qianduan.com/?dangdang"><img src="images/logo_008.png" width="240" height="120" alt=""></a><span><a href="#">当当网</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?3399/?fr=10009-1"><img src="images/logo_004d.png" width="240" height="120" alt="3399小游戏"></a><span><a href="#">3399小游戏</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?iqiyi"><img src="images/logo_009.png" width="240" height="120" alt=""></a><span><a href="#">奇艺网</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?renren"><img src="images/logo_011.png" width="240" height="120" alt=""></a><span><a href="#">人人网</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?p.yiqifa/c?s=090d5719&w=253302&c=255&i=150&l=0&e=win8&t=http://51qianduan.com/?vancl"><img src="images/logo_012.png" width="240" height="120" alt=""></a><span><a href="#">凡客诚品</a></span></li>
				<li class="one" id="logo_013"><a href="http://51qianduan.com/?sina.cn"><img src="images/logo_012c.png" width="240" height="120" alt=""></a><span><a href="#">新浪网</a></span></li>
				<li id="logo_014"><a href="http://51qianduan.com/?qq"><img src="images/logo_qq.png" width="240" height="120" alt=""></a><span><a href="#">腾讯网</a></span></li>
				<li id="logo_015"><a href="http://51qianduan.com/?sohu"><img src="images/logo_015.png" width="240" height="120" alt=""></a><span><a href="#">搜狐网</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?163"><img src="images/logo_016.png" width="240" height="120" alt=""></a><span><a href="#">网易</a></span></li>
			</ul>
		</dd>
		<dd style="display:none;">
			<!--视频音乐-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/?youku"><img src="images/logo_001b.png" width="240" height="120" alt="youku"></a><span><a href="#">优酷视频</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/?iqiyi"><img src="images/logo_002b.png" width="240" height="120" alt="qiyi"></a><span><a href="#">奇艺网</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?tudou"><img src="images/logo_003b.png" width="240" height="120" alt=""></a><span><a href="#">土豆网</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?cntv.cn"><img src="images/logo_004b.png" width="240" height="120" alt=""></a><span><a href="#">中国网络电视台</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?tv.sohu"><img src="images/logo_005b.png" width="240" height="120" alt=""></a><span><a href="#">搜狐高清</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?ku6"><img src="images/logo_006b.png" width="240" height="120" alt=""></a><span><a href="#">酷六视频</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?56"><img src="images/logo_007b.png" width="240" height="120" alt=""></a><span><a href="#">56视频</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?v.qq"><img src="images/logo_008b.png" width="240" height="120" alt=""></a><span><a href="#">腾讯视频</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?kankan/"><img src="images/logo_009b.png" width="240" height="120" alt=""></a><span><a href="#">迅雷看看</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?pptv"><img src="images/logo_010b.png" width="240" height="120" alt=""></a><span><a href="#">PPTV</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?v.ifeng"><img src="images/logo_011b.png" width="240" height="120" alt=""></a><span><a href="#">凤凰视频</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?video.sina.cn"><img src="images/logo_012b.png" width="240" height="120" alt=""></a><span><a href="#">新浪视频</a></span></li>
				<li class="one" id="logo_013"><a href="http://51qianduan.com/?baofeng"><img src="images/logo_013b.png" width="240" height="120" alt=""></a><span><a href="#">暴风影音</a></span></li>
				<li id="logo_014"><a href="http://51qianduan.com/?kugou"><img src="images/logo_014b.png" width="240" height="120" alt=""></a><span><a href="#">酷狗音乐</a></span></li>
				<li id="logo_015"><a href="http://51qianduan.com/?funshion"><img src="images/logo_015b.png" width="240" height="120" alt=""></a><span><a href="#">风行电影</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?letv"><img src="images/logo_016b.png" width="240" height="120" alt=""></a><span><a href="#">乐视网</a></span></li>
			</ul>
		</dd>
		<dd style="display:none;">
			<!--新闻资讯-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/?news.baidu"><img src="images/logo_001c.png" width="240" height="120" alt="baidu"></a><span><a href="#">百度新闻</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/?news.sohu"><img src="images/logo_002c.png" width="240" height="120" alt="sohu"></a><span><a href="#">搜狐新闻</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?people.cn"><img src="images/logo_003c.png" width="240" height="120" alt=""></a><span><a href="#">人民网</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?cntv.cn"><img src="images/logo_004c.png" width="240" height="120" alt=""></a><span><a href="#">中国网络电视台</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?yahoo.cn"><img src="images/logo_005c.png" width="240" height="120" alt=""></a><span><a href="#">雅虎中国</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?ifeng"><img src="images/logo_ifeng.png" width="240" height="120" alt=""></a><span><a href="#">凤凰网</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?huanqiu"><img src="images/logo_007c.png" width="240" height="120" alt=""></a><span><a href="#">环球网</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?news.qq"><img src="images/logo_008c.png" width="240" height="120" alt=""></a><span><a href="#">腾讯新闻</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?21cn"><img src="images/logo_009c.png" width="240" height="120" alt=""></a><span><a href="#">21cn新闻</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?china"><img src="images/logo_010c.png" width="240" height="120" alt=""></a><span><a href="#">中华网</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?bjnews.cn"><img src="images/logo_011c.png" width="240" height="120" alt=""></a><span><a href="#">新京报网</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?news.sina"><img src="images/logo_012c.png" width="240" height="120" alt=""></a><span><a href="#">新浪新闻</a></span></li>
				<li class="one" id="logo_013"><a href="http://51qianduan.com/?zaobao"><img src="images/logo_013c.png" width="240" height="120" alt=""></a><span><a href="#">联合早报</a></span></li>
				<li id="logo_014"><a href="http://51qianduan.com/?xinhuanet"><img src="images/logo_014c.png" width="240" height="120" alt=""></a><span><a href="#">新华网</a></span></li>
				<li id="logo_015"><a href="http://51qianduan.com/?chinanews/"><img src="images/logo_015c.png" width="240" height="120" alt=""></a><span><a href="#">中国新闻网</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?hexun"><img src="images/logo_016c.png" width="240" height="120" alt=""></a><span><a href="#">和讯网</a></span></li>
			</ul>
		</dd>
		<dd style="display:none;">
			<!--购物淘宝-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/?taobao/go/chn/tbk_channel/onsale.php?pid=mm_10054659_3403176_13200135&eventid=101329"><img src="images/logo_001a.png" width="240" height="120" alt="taobao"></a><span><a href="#">淘宝网</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/?p.yiqifa/c?s=5308bddc&w=253302&c=254&i=160&l=0&e=win8&t=http://51qianduan.com/?jd"><img src="images/logo_002a.png" width="240" height="120" alt="京东商城"></a><span><a href="#">京东商城</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?p.yiqifa/c?s=090d5719&w=253302&c=255&i=150&l=0&e=win8&t=http://51qianduan.com/?vancl"><img src="images/logo_003a.png" width="240" height="120" alt=""></a><span><a href="#">凡客诚品</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?p.yiqifa/c?s=ea58a335&w=253302&c=139&i=802&l=0&e=win8&t=http://51qianduan.com/?yihaodian/"><img src="images/logo_004a.png" width="240" height="120" alt=""></a><span><a href="#">1号店超市</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?p.yiqifa/c?s=3870c892&w=253302&c=7069&i=26922&l=0&d=180&e=win8&t=http://51qianduan.com/?amazon.cn"><img src="images/logo_005a.png" width="240" height="120" alt=""></a><span><a href="#">亚马逊</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?p.yiqifa/c?s=e5aca906&w=253302&c=280&i=240&l=0&e=win8&t=http://51qianduan.com/?newegg.cn"><img src="images/logo_006a.png" width="240" height="120" alt=""></a><span><a href="#">新蛋商城</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?p.yiqifa/c?s=17e2ac8b&w=253302&c=4275&i=4662&l=0&e=win8&t=http://51qianduan.com/?m18"><img src="images/logo_007a.png" width="240" height="120" alt=""></a><span><a href="#">麦考林</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?p.yiqifa/c?s=a2a2a463&w=253302&c=247&i=159&l=0&e=win8&t=http://51qianduan.com/?dangdang"><img src="images/logo_008a.png" width="240" height="120" alt=""></a><span><a href="#">当当网</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?p.yiqifa/c?s=25ffbe45&w=253302&c=4459&i=5662&l=0&e=win8&t=http://51qianduan.com/?suning/"><img src="images/logo_009a.png" width="240" height="120" alt=""></a><span><a href="#">苏宁易购</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?p.yiqifa/c?s=ea3b031c&w=253302&c=4018&i=2882&l=0&e=win8&t=http://51qianduan.com/?vipshop/"><img src="images/logo_010a.png" width="240" height="120" alt=""></a><span><a href="#">唯品会</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?s.click.taobao/t?e=zGU34CA7K%2BPkqB05%2Bm7rfGKas1PIKp0U37pZuBotzOg7OjeU9mIWS5%2B5UROBz6sq4fiHePnGhf6UrWuOtfD2G6QGcAHIXpjhEtESpuqsRo0a&pid=mm_10054659_0_0"><img src="images/logo_011a.png" width="240" height="120" alt=""></a><span><a href="#">淘宝聚划算</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?p.yiqifa/c?s=fab51d3d&w=253302&c=5579&i=14922&l=0&e=win8&t=http://51qianduan.com/?gome.cn/"><img src="images/logo_012a.png" width="240" height="120" alt=""></a><span><a href="#">国美电器</a></span></li>
				<li class="one" id="logo_013a"><a href="http://51qianduan.com/?p.yiqifa/c?s=3c1c7cd0&w=253302&c=5402&i=11642&l=0&e=win8&t=http://51qianduan.com/?bj.meituan/"><img src="images/logo_013a.png" width="240" height="120" alt=""></a><span><a href="#">美团网</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?p.yiqifa/c?s=4f5f315d&w=253302&c=298&i=323&l=0&e=win8&t=http://51qianduan.com/?moonbasa/"><img src="images/logo_014a.png" width="240" height="120" alt=""></a><span><a href="#">梦芭莎</a></span></li>
				<li id="logo_015a"><a href="http://51qianduan.com/?s.click.taobao/t?e=zGU34CA7K%2BPkqB05%2Bm7rfGGjlY60oHcc7bkKOQiRcrAgcZzgJmTRAYw2B9ey%2FQ3KJPxcp3%2BvBC%2FFzh7mzpBsjMcR7YLndgk5kgk3iDIb4vdXtkoO07degg%3D%3D"><img src="images/logo_015a.png" width="240" height="120" alt=""></a><span><a href="#">淘宝商城</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?alipay"><img src="images/logo_016a.png" width="240" height="120" alt=""></a><span><a href="#">支付宝</a></span></li>
			</ul>
		</dd>
		<dd style="display:none;">
			<!--游戏娱乐-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/?3399/?fr=10009-1"><img src="images/logo_004d.png" width="240" height="120" alt=""></a><span><a href="#">3399小游戏</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/?oreg.jj.cn/othersite/sitereg_comm.html?siteId=12802"><img src="images/logo_002d.png" width="240" height="120" alt="JJ比赛"></a><span><a href="#">JJ比赛</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?17173/"><img src="images/logo_003d.png" width="240" height="120" alt=""></a><span><a href="#">17173游戏</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?4399/"><img src="images/logo_001d.png" width="240" height="120" alt="4399小游戏"></a><span><a href="#">4399小游戏</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?hd.51wan/33288p14003q116j0.html"><img src="images/logo_005d.png" width="240" height="120" alt=""></a><span><a href="#">神仙道</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?shandagames/web/"><img src="images/logo_006d.png" width="240" height="120" alt=""></a><span><a href="#">盛大游戏</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?game.qq/"><img src="images/logo_007d.png" width="240" height="120" alt=""></a><span><a href="#">腾讯游戏</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?nie.163/"><img src="images/logo_008d.png" width="240" height="120" alt=""></a><span><a href="#">网易游戏</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?yinyuetai"><img src="images/logo_009d.png" width="240" height="120" alt=""></a><span><a href="#">音悦台mtv</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?huaban"><img src="images/logo_010d.png" width="240" height="120" alt=""></a><span><a href="#">花瓣网</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?v.6164/"><img src="images/logo_011d.png" width="240" height="120" alt=""></a><span><a href="#">V电影</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?mtime"><img src="images/logo_012d.png" width="240" height="120" alt=""></a><span><a href="#">时光网</a></span></li>
				<li class="one" id="logo_013"><a href="http://51qianduan.com/?book.6164/"><img src="images/logo_013d.png" width="240" height="120" alt=""></a><span><a href="#">言情小说网</a></span></li>
				<li id="logo_014"><a href="http://51qianduan.com/?zongheng"><img src="images/logo_014d.png" width="240" height="120" alt=""></a><span><a href="#">纵横中文网</a></span></li>
				<li id="logo_015"><a href="http://51qianduan.com/?douban.fm/"><img src="images/logo_015d.png" width="240" height="120" alt=""></a><span><a href="#">豆瓣FM</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?qidian/"><img src="images/logo_016d.png" width="240" height="120" alt=""></a><span><a href="#">起点中文网</a></span></li>
			</ul>
		</dd>
		<dd style="display:none;">
			<!--实用工具-->
			<ul>
				<li class="one" id="logo_001"><a href="http://51qianduan.com/?kuaidi100/"><img src="images/logo_016f.png" width="240" height="120" alt=""></a><span><a href="#">快递查询</a></span></li>
				<li id="logo_002"><a href="http://51qianduan.com/?115/union/1054417"><img src="images/logo_002e.png" width="240" height="120" alt="115网盘"></a><span><a href="#">115网盘</a></span></li>
				<li id="logo_003"><a href="http://51qianduan.com/?translate.google.hk/"><img src="images/logo_003e.png" width="240" height="120" alt=""></a><span><a href="">谷歌翻译</a></span></li>
				<li class="four" id="logo_004"><a href="http://51qianduan.com/?weather.news.sina.cn/"><img src="images/logo_001e.png" width="240" height="120" alt="天气预报"></a><span><a href="#">天气预报</a></span></li>
				<li class="one" id="logo_005"><a href="http://51qianduan.com/?p.yiqifa/c?s=72ab52bc&w=253302&c=297&i=19323&l=0&d=2756&e=win8&t=http://51qianduan.com/?u.ctrip/union/redirect.aspx"><img src="images/logo_005e.png" width="240" height="120" alt=""></a><span><a href="#">机票酒店</a></span></li>
				<li id="logo_006"><a href="http://51qianduan.com/?web.qq"><img src="images/logo_006e.png" width="240" height="120" alt=""></a><span><a href="#">Web QQ</a></span></li>
				<li id="logo_007"><a href="http://51qianduan.com/?mail.163"><img src="images/logo_007e.png" width="240" height="120" alt=""></a><span><a href="#">网易邮箱</a></span></li>
				<li class="four" id="logo_008"><a href="http://51qianduan.com/?9188/user/from.go?comeFrom=765h&backurl=http://51qianduan.com/?9188/kaijiang/"><img src="images/logo_008e.png" width="240" height="120" alt=""></a><span><a href="#">彩票开奖</a></span></li>
				<li class="one" id="logo_009"><a href="http://51qianduan.com/?p.yiqifa/c?s=26390d3a&w=253302&c=6451&i=19382&l=0&e=win8&t=http://51qianduan.com/?tj.tieyou/gw.php"><img src="images/logo_009e.png" width="240" height="120" alt=""></a><span><a href="#">火车票订购</a></span></li>
				<li id="logo_010"><a href="http://51qianduan.com/?map.baidu"><img src="images/logo_010e.png" width="240" height="120" alt=""></a><span><a href="#">百度地图</a></span></li>
				<li id="logo_011"><a href="http://51qianduan.com/?10086.cn/"><img src="images/logo_011e.png" width="240" height="120" alt=""></a><span><a href="#">中国移动网上营业厅</a></span></li>
				<li class="four" id="logo_012"><a href="http://51qianduan.com/?weizhangwang/"><img src="images/logo_012e.png" width="240" height="120" alt=""></a><span><a href="#">交通违章</a></span></li>
				<li class="one" id="logo_013"><a href="http://51qianduan.com/?j.union.ijinshan/jump.php?u_key=552"><img src="images/logo_013e.png" width="240" height="120" alt=""></a><span><a href="#">金山毒霸</a></span></li>
				<li id="logo_014"><a href="http://51qianduan.com/?8684.cn"><img src="images/logo_014e.png" width="240" height="120" alt=""></a><span><a href="#">公交火车查询</a></span></li>
				<li id="logo_015"><a href="http://51qianduan.com/?maps.google.hk/"><img src="images/logo_015e.png" width="240" height="120" alt=""></a><span><a href="#">谷歌地图</a></span></li>
				<li class="four" id="logo_016"><a href="http://51qianduan.com/?qq.ip138/day/"><img src="images/logo_016e.png" width="240" height="120" alt=""></a><span><a href="#">万年历</a></span></li>
			</ul>
		</dd>
		<dd style="display:none;">
			<!--影视资源-->
			<ul>
			<li class="one" id="logo_001"><a href="http://51qianduan.com/?81baobao/"><img src="images/logo_baobao.png" width="240" height="120" alt=""></a><span><a href="#">八一宝宝儿歌下载</a></span></li>
			<li id="logo_002"><a href="http://51qianduan.com/?verycd"><img src="images/logo_002f.png" width="240" height="120" alt="电驴"></a><span><a href="#">电驴资源</a></span></li>
			<li id="logo_003"><a href="http://51qianduan.com/?ishare.iask.sina.cn/"><img src="images/logo_003f.png" width="240" height="120" alt=""></a><span><a href="#">新浪共享资料</a></span></li>
			<li class="four" id="logo_004"><a href="http://51qianduan.com/?piaohua"><img src="images/logo_004f.png" width="240" height="120" alt=""></a><span><a href="#">飘花资源网</a></span></li>
			<li class="one" id="logo_005"><a href="http://51qianduan.com/?dy2018"><img src="images/logo_005f.png" width="240" height="120" alt=""></a><span><a href="#">电影天堂</a></span></li>
			<li id="logo_006"><a href="http://51qianduan.com/?daquan.xunlei"><img src="images/logo_006f.png" width="240" height="120" alt=""></a><span><a href="#">迅雷大全</a></span></li>
			<li id="logo_007"><a href="http://51qianduan.com/?v.6164"><img src="images/logo_007f.png" width="240" height="120" alt=""></a><span><a href="#">好看的电影</a></span></li>
			<li class="four" id="logo_008"><a href="http://51qianduan.com/?ffdy.cc"><img src="images/logo_008f.png" width="240" height="120" alt=""></a><span><a href="#">放放电影</a></span></li>
			<li class="one" id="logo_009"><a href="http://51qianduan.com/?skycn"><img src="images/logo_009f.png" width="240" height="120" alt=""></a><span><a href="#">天空软件站</a></span></li>
			<li id="logo_010"><a href="http://51qianduan.com/?newhua"><img src="images/logo_010f.png" width="240" height="120" alt=""></a><span><a href="#">华军软件园</a></span></li>
			<li id="logo_011"><a href="http://51qianduan.com/?xiazaiba"><img src="images/logo_011f.png" width="240" height="120" alt=""></a><span><a href="#">下载吧</a></span></li>
			<li class="four" id="logo_012"><a href="http://51qianduan.com/?7060"><img src="images/logo_012f.png" width="240" height="120" alt=""></a><span><a href="#">7060手机电影</a></span></li>
			<li class="one" id="logo_013"><a href="http://51qianduan.com/?a67"><img src="images/logo_013f.png" width="240" height="120" alt=""></a><span>a67手机电影网</span></li>
			<li id="logo_014"><a href="http://51qianduan.com/?y80s.net/"><img src="images/logo_014f.png" width="240" height="120" alt=""></a><span><a href="#">80s手机电影网</a></span></li>
			<li id="logo_015"><a href="http://51qianduan.com/?txt99/"><img src="images/logo_015f.png" width="240" height="120" alt=""></a><span><a href="#">久久小说下载</a></span></li>
			<li class="four" id="logo_016"><a href="http://51qianduan.com/?ziyuanhai/"><img src="images/logo_001f.png" width="240" height="120" alt="google"></a><span><a href="#">唐老鼠</a></span></li>
			</ul>
		</dd>
	</dl>
</div>
<!--logo区结束--> 
<!--左右箭头开始-->
<div class="prev"><img src="images/arr_left.png" width="31" height="67"></div>
<div class="next"><img src="images/arr_right.png" width="31" height="67"></div>
<!--左右箭头结束-->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



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


热门标签: flash导航菜单 flash导航条 flash导航 flash菜单 flash下拉菜单 flash下拉导航菜单 导航切换 菜单切换 右键菜单 滑动导航菜单 滑动导航 滑动菜单 滚动导航菜单 滚动菜单 滚动导航 收缩菜单 收缩导航 h5动画导航 h5动画菜单 html5动画导航 html5动画菜单 浮动菜单 浮动导航 滚动切换 滚动条切换 滑动选项卡 滑动切换 滑动手风琴 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动星星打分 导航菜单 导航条 菜单栏 导航栏 分类导航 响应式导航条 响应式导航 其他 鼠标悬停 导航切换 菜单切换 固定导航 固定菜单 网址导航 文字导航菜单 文字导航 文字菜单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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