基于jQuery實現網址導航頁面切換代碼



41 162 55



特效描述:基于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

加群請備注:從官網了解到

老夫子电子