jquery Win8 Metro風格界面的網址導航單頁模板源碼下載



117 467 156



特效描述:風格界面導航 導航單頁模板,

代碼結構

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://www.17sucai.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://www.taobao.com/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://p.yiqifa.com/c?s=5308bddc&w=253302&c=254&i=160&l=0&e=win8&t=http://www.jd.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://p.yiqifa.com/c?s=090d5719&w=253302&c=255&i=150&l=0&e=win8&t=http://www.vancl.com"><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://p.yiqifa.com/c?s=ea58a335&w=253302&c=139&i=802&l=0&e=win8&t=http://www.yihaodian.com/"><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://p.yiqifa.com/c?s=3870c892&w=253302&c=7069&i=26922&l=0&d=180&e=win8&t=http://www.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://p.yiqifa.com/c?s=e5aca906&w=253302&c=280&i=240&l=0&e=win8&t=http://www.newegg.com.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://p.yiqifa.com/c?s=17e2ac8b&w=253302&c=4275&i=4662&l=0&e=win8&t=http://www.m18.com"><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://p.yiqifa.com/c?s=a2a2a463&w=253302&c=247&i=159&l=0&e=win8&t=http://www.dangdang.com"><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://p.yiqifa.com/c?s=25ffbe45&w=253302&c=4459&i=5662&l=0&e=win8&t=http://www.suning.com/"><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://p.yiqifa.com/c?s=ea3b031c&w=253302&c=4018&i=2882&l=0&e=win8&t=http://www.vipshop.com/"><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://s.click.taobao.com/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://p.yiqifa.com/c?s=fab51d3d&w=253302&c=5579&i=14922&l=0&e=win8&t=http://www.gome.com.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://p.yiqifa.com/c?s=3c1c7cd0&w=253302&c=5402&i=11642&l=0&e=win8&t=http://bj.meituan.com/"><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://p.yiqifa.com/c?s=4f5f315d&w=253302&c=298&i=323&l=0&e=win8&t=http://www.moonbasa.com/"><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://s.click.taobao.com/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://www.alipay.com"><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://www.google.com.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://www.baidu.com/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://www.youku.com"><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://weibo.com"><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://www.taobao.com/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://p.yiqifa.com/c?s=5308bddc&w=253302&c=254&i=160&l=0&e=win8&t=http://www.jd.com"><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://p.yiqifa.com/c?s=3870c892&w=253302&c=7069&i=26922&l=0&d=180&e=win8&t=http://www.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://p.yiqifa.com/c?s=a2a2a463&w=253302&c=247&i=159&l=0&e=win8&t=http://www.dangdang.com"><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://www.3399.com/?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://www.iqiyi.com"><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://www.renren.com"><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://p.yiqifa.com/c?s=090d5719&w=253302&c=255&i=150&l=0&e=win8&t=http://www.vancl.com"><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://www.sina.com.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://www.qq.com"><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://www.sohu.com"><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://www.163.com"><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://www.youku.com"><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://www.iqiyi.com"><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://www.tudou.com"><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://www.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://tv.sohu.com"><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://www.ku6.com"><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://www.56.com"><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://v.qq.com"><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://www.kankan.com/"><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://www.pptv.com"><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://v.ifeng.com"><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://video.sina.com.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://www.baofeng.com"><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://www.kugou.com"><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://www.funshion.com"><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://www.letv.com"><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://news.baidu.com"><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://news.sohu.com"><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://www.people.com.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://www.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://www.yahoo.com.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://www.ifeng.com"><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://www.huanqiu.com"><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://news.qq.com"><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://www.21cn.com"><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://www.china.com"><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://www.bjnews.com.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://news.sina.com"><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://www.zaobao.com"><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://www.xinhuanet.com"><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://www.chinanews.com/"><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://www.hexun.com"><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://www.taobao.com/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://p.yiqifa.com/c?s=5308bddc&w=253302&c=254&i=160&l=0&e=win8&t=http://www.jd.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://p.yiqifa.com/c?s=090d5719&w=253302&c=255&i=150&l=0&e=win8&t=http://www.vancl.com"><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://p.yiqifa.com/c?s=ea58a335&w=253302&c=139&i=802&l=0&e=win8&t=http://www.yihaodian.com/"><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://p.yiqifa.com/c?s=3870c892&w=253302&c=7069&i=26922&l=0&d=180&e=win8&t=http://www.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://p.yiqifa.com/c?s=e5aca906&w=253302&c=280&i=240&l=0&e=win8&t=http://www.newegg.com.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://p.yiqifa.com/c?s=17e2ac8b&w=253302&c=4275&i=4662&l=0&e=win8&t=http://www.m18.com"><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://p.yiqifa.com/c?s=a2a2a463&w=253302&c=247&i=159&l=0&e=win8&t=http://www.dangdang.com"><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://p.yiqifa.com/c?s=25ffbe45&w=253302&c=4459&i=5662&l=0&e=win8&t=http://www.suning.com/"><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://p.yiqifa.com/c?s=ea3b031c&w=253302&c=4018&i=2882&l=0&e=win8&t=http://www.vipshop.com/"><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://s.click.taobao.com/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://p.yiqifa.com/c?s=fab51d3d&w=253302&c=5579&i=14922&l=0&e=win8&t=http://www.gome.com.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://p.yiqifa.com/c?s=3c1c7cd0&w=253302&c=5402&i=11642&l=0&e=win8&t=http://bj.meituan.com/"><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://p.yiqifa.com/c?s=4f5f315d&w=253302&c=298&i=323&l=0&e=win8&t=http://www.moonbasa.com/"><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://s.click.taobao.com/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://www.alipay.com"><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://www.3399.com/?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://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://www.17173.com/"><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://www.4399.com/"><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://hd.51wan.com/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://www.shandagames.com/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://game.qq.com/"><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://nie.163.com/"><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://www.yinyuetai.com"><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://www.huaban.com"><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://v.6164.com/"><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://www.mtime.com"><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://book.6164.com/"><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://www.zongheng.com"><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://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://www.qidian.com/"><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://www.kuaidi100.com/"><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://115.com/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://translate.google.com.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://weather.news.sina.com.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://p.yiqifa.com/c?s=72ab52bc&w=253302&c=297&i=19323&l=0&d=2756&e=win8&t=http://u.ctrip.com/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://web.qq.com"><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://mail.163.com"><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://www.9188.com/user/from.go?comeFrom=765h&backurl=http://www.9188.com/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://p.yiqifa.com/c?s=26390d3a&w=253302&c=6451&i=19382&l=0&e=win8&t=http://tj.tieyou.com/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://map.baidu.com"><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://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://www.weizhangwang.com/"><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://j.union.ijinshan.com/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://www.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://maps.google.com.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://qq.ip138.com/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://www.81baobao.com/"><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://www.verycd.com"><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://ishare.iask.sina.com.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://www.piaohua.com"><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://www.dy2018.com"><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://daquan.xunlei.com"><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://v.6164.com"><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://www.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://www.skycn.com"><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://www.newhua.com"><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://www.xiazaiba.com"><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://www.7060.com"><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://www.a67.com"><img src="images/logo_013f.png" width="240" height="120" alt=""></a><span>a67手機電影網</span></li>
			<li id="logo_014"><a href="http://www.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://www.txt99.com/"><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://www.ziyuanhai.com/"><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>
<!--左右箭頭結束-->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 導航切換 菜單切換
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

湖北30选5开奖结果走势图表