當(dāng)前位置:首頁 > IT技術(shù) > 移動平臺 > 正文

HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板
2021-08-09 13:14:09

HTML5響應(yīng)式手機(jī)模板:電商網(wǎng)站設(shè)計——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板

手機(jī)網(wǎng)站模板 電商網(wǎng)站手機(jī)模板 響應(yīng)式手機(jī)網(wǎng)站 html5手機(jī)網(wǎng)站模板 企業(yè)手機(jī)網(wǎng)站模板 公司手機(jī)網(wǎng)站模板

作品介紹

1.網(wǎng)頁作品簡介方面 :原始HTML+CSS+JS頁面設(shè)計,HTML5響應(yīng)式手機(jī)模板,這是一個不錯的網(wǎng)頁制作,畫面精明,非常適合初學(xué)者學(xué)習(xí)使用。

2.網(wǎng)頁作品編輯方面:此作品為html5響應(yīng)式手機(jī)模板, html+css 布局制作,作品下載后可使用任意HTML編輯軟件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有編輯器均可使用)

一、作品演示

HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板_響應(yīng)式手機(jī)網(wǎng)站

二、代碼目錄

HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板_公司手機(jī)網(wǎng)站模板_02

三、代碼實現(xiàn)
<!doctype html>
<html>
    <head>
        <title>仿拍鞋網(wǎng)商城首頁觸屏版html5手機(jī)wap購物網(wǎng)站</title>
        <meta charset="utf-8">
        <meta name="keywords" content="拍鞋網(wǎng),拍鞋網(wǎng)官方網(wǎng)站,拍鞋網(wǎng)商城" />
        <meta name="description" content="買鞋子哪個網(wǎng)站好,當(dāng)然首選拍鞋網(wǎng)!中國最早成立的正品鞋子購物網(wǎng)站,國內(nèi)最大的品牌鞋子銷售廣場。所售鞋子100%廠家授權(quán),全國包郵,貨到付款,提供最完美的購物體驗!" />
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="bookmark" href="favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1;" id="viewport" name="viewport" />
        <!--離線應(yīng)用的另一個技巧-->
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <!--指定的iphone中safari頂端的狀態(tài)條的樣式-->
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        <!--告訴設(shè)備忽略將頁面中的數(shù)字識別為電話號碼-->
        <meta content="telephone=no" name="format-detection" />
        <!--設(shè)置開始頁面圖片-->
        <!--<link rel="/touch/apple-touch-startup-image" href="startup.png" />-->
        <!--在設(shè)置書簽的時候可以顯示好看的圖標(biāo)-->
        <!--<link rel="apple-touch-icon" href="/touch/iphon_tetris_icon.png"/>--
  
    </head>
    <body>
        <!-- uc 瀏覽器添加書簽 start --->
        <iframe src="http://app.uc.cn/appstore/AppCenter/frame@uc_param_str=nieidnutssvebipfcp&api_ver=2.0&id=1904" width="100%" height="160" style="display:none"  id="otherPage"></iframe>
        <!-- uc 瀏覽器添加書簽 end  ---->
       
        <div class="com-content">
             					<script>
                           
                        function open_notice(id){
                            setCookie('touch_notice_close',1);
                            var url = 'new/info/'+id+'.html';
                            window.location.href=url;
                        }   
                           
                        var touch_notice_close = getCookie('touch_notice_close');
                        if(touch_notice_close == '1' && typeof(document.getElementById('js-com-notification2')) != 'undefined' && document.getElementById('js-com-notification2') != null){
                            document.getElementById('js-com-notification2').style.display = 'none';
                        }
			//if( document.cookie.match(new RegExp("(^| )PHPSESSID=([^;]*)(;|$)")) ){
			  //  document.getElementById('js-com-notification').style.display = 'none';
		//	}
			</script>
            <div class="com-header-area" id="js-com-header-area">
                <a href="default.htm" class="com-header-logo"></a>
				<dfn></dfn>
                <p>
                    <a class="com-header-search" id="js-com-header-search"><del></del></a>
                    <a href="login/default.htm" class="com-header-user "><del></del></a>
                    <i></i>
                    <a href="cart/default.htm" class="com-header-cart "><b id="header-cart-num">0</b><del></del></a>
                </p>
				<div class="clear"></div>
                <form action="/s.php" method="post">
                    <strong>
                        <input type="text" name="keyword" id="js-com-search-text" value=""/>
                        <input type="submit" value=" "/>
                    </strong>
                    <div id="js-com-search-recommend">
                        <div></div>
                                                <a href="p-_m0003s0017_1.html@asc=id"  style="color:#000000	">女單鞋</a>
                                                <a href="p-m0001_id;1.html"  style="color:#ed1749">運動新品</a>
                                                <a href="p-m0001s0014_1.html"  style="color:#000000">籃球鞋</a>
                         
                    </div>
                </form>
            </div>
            <div class="com-content-area" id="js-com-content-area">
                <!--content-->
              			  <script type="text/javascript">
    $(function(){
        $('.pxui-show-more').first().find('a').click();  
        $('.pxui-show-more').last().find('a').click();  
    });
</script>
<div class="page-role home-page">
	<link type="text/css" rel="stylesheet" href="template/css/home/index.css"/>
	<script src="template/js/com/jquery.touchslider.min.js"></script>
	<script src="template/js/home/index.js"></script>
<script>
jQuery(function($) {
	$(window).resize(function(){
		var width=$('#js-com-header-area').width();
		$('.touchslider-item a').css('width',width);
		$('.touchslider-viewport').css('height',300*(width/640));
	}).resize();	
	$(".touchslider").touchSlider({mouseTouch: true, autoplay: true});
});
</script>	
	
<div class="touchslider">
    <div class="touchslider-viewport">
				<div class="touchslider-item"><a href="topic/739.html"><img src="http://img-cdn2.paixie.net/newspic/20140408/1396940354243f5b.jpg" style="vertical-align:top;"/></a></div>
				<div class="touchslider-item"><a href="topic/730.html"><img src="http://img-cdn2.paixie.net/newspic/20140328/1395970986accb4f.jpg" style="vertical-align:top;"/></a></div>
				<div class="touchslider-item"><a href="topic/725.html"><img src="http://img-cdn2.paixie.net/newspic/20140331/1396235117d367d2.jpg" style="vertical-align:top;"/></a></div>
				<div class="touchslider-item"><a href="topic/733.html"><img src="http://img-cdn2.paixie.net/newspic/20140401/13963430797a3567.jpg" style="vertical-align:top;"/></a></div>
				<div class="touchslider-item"><a href="topic/731.html"><img src="http://img-cdn2.paixie.net/newspic/20140404/139657373135668e.jpg" style="vertical-align:top;"/></a></div>
				<div class="touchslider-item"><a href="topic/732.html"><img src="http://img-cdn2.paixie.net/newspic/20140331/13962355233033ac.jpg" style="vertical-align:top;"/></a></div>
		    </div>
    <div class="touchslider-navtag">
				<span class="touchslider-nav-item touchslider-nav-item-current"></span>
				<span class="touchslider-nav-item "></span>
				<span class="touchslider-nav-item "></span>
				<span class="touchslider-nav-item "></span>
				<span class="touchslider-nav-item "></span>
				<span class="touchslider-nav-item "></span>
		    </div>
</div>

	<div class="pxui-tab pxui-tab-nav pxui-tab-no-top">
                <a class="selected"><i></i>首頁<span></span></a>
		<a href="category/default.htm"><i></i>分類<span></span></a>
		<a href="brand/default.htm"><i></i>品牌<span></span></a>
		<a href="tuan/default.htm"><i></i>團(tuán)購<span></span></a>
                <a href="login/@url=_2Fmember_2Forder@pay=2"><i></i>查看物流<span></span></a>
        
	</div>
	<div class="tags">
		<table border="0" cellspacing="5" cellpadding="0">
			<tr>
				<td colspan="2"><a href="help/app.html"><i></i>拍鞋網(wǎng)APP<br/>總能找到你的至愛</a></td>
				<td><a href="topic/612.html"><i></i>3折封頂</a></td>
				<td rowspan="2"><a href="topic/612.html"><i></i><br/><br/><br/></a></td>
			</tr>
			<tr>
				<td><a href="topic/612.html"><b>最新</b><br/>上架</a></td>
				<td colspan="2"><a href="help/weixin.html">拍鞋網(wǎng)微信<br/>你的隨身好幫手<i></i></a></td>
			</tr>
		</table>
	</div>
        
        	<div class="pxui-area styles">
                                <h2  style="background-color: #ffaf51 ; " ><a href="p-_m0001s0001_.html"  style="color:#FFFFFF;"  >運動館</a></h2>
		<a class="max" href="p-anta__1.html@page=5"><img src="http://img-cdn2.paixie.net/newspic/20140408/1396917342e17426.jpg" width="120" height="140"/></a>
                		<div>
			<p>
			                                    <a href="nike/default.htm" style="margin-right:3px;background-color: #ffaf51; color:#FFFFFF;border: 1px solid #ffaf51; " >耐克</a>
		                                            <a href="adidas/default.htm" style="margin-right:3px; " >阿迪達(dá)斯</a>
		                                            <a href="anta/default.htm" style="margin-right:3px; " >安踏</a>
		                                            <a href="erke/default.htm" style="margin-right:3px;background-color: #ffaf51; color:#FFFFFF;border: 1px solid #ffaf51; " >鴻星爾克</a>
		                                            <a href="p-m0001s0029_1.html" style="margin-right:3px; " >網(wǎng)球鞋</a>
		                                            <a href="forbid/p-__25E7_25AF_25AE_25E7_2590_2583_25E9_259E_258B__1.html" style="margin-right:3px;background-color: #ffaf51; color:#FFFFFF;border: 1px solid #ffaf51; " >籃球鞋</a>
		                                            <a href="p-_m0001s0064_.html" style="margin-right:3px; " >帆布鞋</a>
		              			      <a href="p-_m0001s0001_.html" class="more" >更多<del><i class="arrow-right"></i></del></a> 
			</p>
		</div>
                	</div>
        	<div class="pxui-area styles">
                		<div>
			<p>
			                                    <a href="moolecole/default.htm" style="margin-left:3px;margin-right:0px; " >莫蕾蔻蕾</a>
		                                            <a href="mingdian/default.htm" style="margin-left:3px;margin-right:0px;background-color: #ff8080; color:#FFFFFF;border: 1px solid #ff8080; " >名典</a>
		                                            <a href="p-daphne__1.html@special=1&asc=id" style="margin-left:3px;margin-right:0px;background-color: #ff8080; color:#FFFFFF;border: 1px solid #ff8080; " >達(dá)芙妮新品開搶</a>
		                                            <a href="forbid/p-__25E5_258D_2595_25E9_259E_258B__1.html" style="margin-left:3px;margin-right:0px; " >單鞋</a>
		                                            <a href="forbid/p-__25E9_25AB_2598_25E8_25B7_259F_25E9_259E_258B__1.html" style="margin-left:3px;margin-right:0px; " >高跟鞋</a>
		                                            <a href="p-m0003s0080_1.html" style="margin-left:3px;margin-right:0px; " >平底鞋</a>
		              			      <a href="p-_m0003s0003_.html" class="more" >更多<del><i class="arrow-right"></i></del></a> 
			</p>
		</div>
                                <a class="max" href="moolecole/@page=5"><img src="http://img-cdn2.paixie.net/newspic/20140408/13969173357d0aa6.jpg" width="120" height="140"/></a>
		<h2 style="background-color: #ff8080" ><a href="p-_m0003s0003_.html"  style="color:#FFFFFF;"  >女鞋館</a></h2>
                	</div>
        	<div class="pxui-area styles">
                                <h2  style="background-color: #688fd0 ; " ><a href="p-_m0002s0002_.html"  style="color:#FFFFFF;"  >男鞋館</a></h2>
		<a class="max" href="playboy/default.htm"><img src="http://img-cdn2.paixie.net/newspic/20140408/13969173291cedd8.jpg" width="120" height="140"/></a>
                		<div>
			<p>
			                                    <a href="longpai/default.htm" style="margin-right:3px; " >龍派</a>
		                                            <a href="playboy/default.htm" style="margin-right:3px;background-color: #688fd0; color:#FFFFFF;border: 1px solid #688fd0; " >花花公子</a>
		                                            <a href="fgn/default.htm" style="margin-right:3px;background-color: #688fd0; color:#FFFFFF;border: 1px solid #688fd0; " >富貴鳥</a>
		                                            <a href="yearcon/default.htm" style="margin-right:3px; " >意爾康</a>
		                                            <a href="p-m0002s0119_id;1.html" style="margin-right:3px; " >潮男鞋</a>
		                                            <a href="p-m0002s0159_1.html" style="margin-right:3px; " >商務(wù)鞋</a>
		                                            <a href="forbid/p-__m000206068_1.html" style="margin-right:3px;background-color: #688fd0; color:#FFFFFF;border: 1px solid #688fd0; " >清倉</a>
		              			      <a href="p-_m0002s0002_.html" class="more" >更多<del><i class="arrow-right"></i></del></a> 
			</p>
		</div>
                	</div>
        	<div class="pxui-area styles">
                		<div>
			<p>
			                                    <a href="forbid/p-__25E6_25B5_25B7_25E6_25B3_25B0_25E5_25AE_25A2__1.html" style="margin-left:3px;margin-right:0px; " >海泰客</a>
		                                            <a href="forbid/p-__25E5_25A7_258B_25E7_25A5_2596_25E9_25B8_259F__1.html" style="margin-left:3px;margin-right:0px;background-color: #c49741; color:#FFFFFF;border: 1px solid #c49741; " >始祖鳥</a>
		                                            <a href="baopiao/default.htm" style="margin-left:3px;margin-right:0px;background-color: #c49741; color:#FFFFFF;border: 1px solid #c49741; " >寶飄</a>
		                                            <a href="addnice/default.htm" style="margin-left:3px;margin-right:0px; " >艾迪耐斯</a>
		                                            <a href="p-m0290s0319_1.html" style="margin-left:3px;margin-right:0px;background-color: #c49741; color:#FFFFFF;border: 1px solid #c49741; " >戶外套裝</a>
		                                            <a href="forbid/p-__25E8_2583_258C_25E5_258C_2585__1.html" style="margin-left:3px;margin-right:0px; " >背包</a>
		                                            <a href="p-m0006s0046_1.html" style="margin-left:3px;margin-right:0px; " >戶外鞋</a>
		              			      <a href="p-_m0006s0006_.html" class="more" >更多<del><i class="arrow-right"></i></del></a> 
			</p>
		</div>
                                <a class="max" href="baopiao/default.htm"><img src="http://img-cdn2.paixie.net/newspic/20140408/1396917323bc9d22.jpg" width="120" height="140"/></a>
		<h2 style="background-color: #c49741" ><a href="p-_m0006s0006_.html"  style="color:#FFFFFF;"  >戶外館</a></h2>
                	</div>
        	<div class="pxui-area styles">
                                <h2  style="background-color: #875e78 ; " ><a href="p-m0178_1.html"  style="color:#FFFFFF;"  >服裝館</a></h2>
		<a class="max" href="guuka/@page=3"><img src="http://img-cdn2.paixie.net/newspic/20140408/139691731865fe66.jpg" width="120" height="140"/></a>
                		<div>
			<p>
			                                    <a href="genanx/default.htm" style="margin-right:3px;background-color: #875e78; color:#FFFFFF;border: 1px solid #875e78; " >格男仕</a>
		                                            <a href="qianzhihe/default.htm" style="margin-right:3px; " >千紙鶴</a>
		                                            <a href="cadeau/default.htm" style="margin-right:3px; " >卡迪奧</a>
		                                            <a href="bindwood/default.htm" style="margin-right:3px;background-color: #875e78; color:#FFFFFF;border: 1px solid #875e78; " >彬伊奴</a>
		                                            <a href="p-m0265s0267_1.html" style="margin-right:3px; " >男襯衫</a>
		                                            <a href="forbid/p-__25E5_25A5_25B3_25E8_25A3_2585__1.html@asc=id" style="margin-right:3px; " >女裝</a>
		                                            <a href="p-m0178_,s;1.html" style="margin-right:3px; " >特價</a>
		              			      <a href="p-m0178_1.html" class="more" >更多<del><i class="arrow-right"></i></del></a> 
			</p>
		</div>
                	</div>
        	<div class="pxui-area styles">
                		<div>
			<p>
			                                    <a href="harrypotter/default.htm" style="margin-left:3px;margin-right:0px; " >哈利波特</a>
		                                            <a href="kading/default.htm" style="margin-left:3px;margin-right:0px;background-color: #94d15e; color:#FFFFFF;border: 1px solid #94d15e; " >卡丁</a>
		                                            <a href="snoopy/default.htm" style="margin-left:3px;margin-right:0px; " >史努比</a>
		                                            <a href="bluepeelrise/default.htm" style="margin-left:3px;margin-right:0px;background-color: #94d15e; color:#FFFFFF;border: 1px solid #94d15e; " >藍(lán)貝璐</a>
		                                            <a href="forbid/p-__25E7_25AB_25A5_25E8_25A3_2585__1.html" style="margin-left:3px;margin-right:0px; " >兒童裝</a>
		                                            <a href="forbid/p-__25E7_25AB_25A5_25E9_259E_258B__1.html" style="margin-left:3px;margin-right:0px; " >童鞋</a>
		                                            <a href="forbid/p-__m000400656_1.html" style="margin-left:3px;margin-right:0px; " >魔術(shù)貼</a>
		              			      <a href="p-_m0004s0004_.html" class="more" >更多<del><i class="arrow-right"></i></del></a> 
			</p>
		</div>
                                <a class="max" href="snaughty/@page=10"><img src="http://img-cdn2.paixie.net/newspic/20140408/1396917310ebe74c.jpg" width="120" height="140"/></a>
		<h2 style="background-color: #94d15e" ><a href="p-_m0004s0004_.html"  style="color:#FFFFFF;"  >兒童館</a></h2>
                	</div>
        	<div class="pxui-area">
		<h3><b>Hot</b> 爆款推薦</h3>
		<div class="pxui-tab pxui-tab-style pxui-tab-no-top" id="js-tab-style">
			<a class="selected">運動鞋</a>
			<a>女鞋</a>
			<a>戶外鞋</a>
			<a>童鞋</a>
			<a>服裝</a>
		</div>
		<div class="pxui-shoes" id="js-home-tab-0">
			<div>

			</div>
		</div>
		<div class="pxui-show-more" lastid="1" template="#js-bk-template" srcProperty="goodsrc" container="#js-home-tab-0 > div" url="/home/ajax?act=bk_more">
			<img src="template/images/public/loading.gif" width="24" height="24"/>
			<a>顯示更多 <i class="arrow2-bottom"></i></a>
		</div>
		<div class="pxui-shoes" id="js-home-tab-1" style="display:none;">
			<div>
			</div>
		</div>
		<div class="pxui-show-more" style="display:none;" lastid="1" template="#js-bk-template" srcProperty="goodsrc" container="#js-home-tab-1 > div" url="/home/ajax?act=bk_more&sid=94">
			<img src="template/images/public/loading.gif" width="24" height="24"/>
			<a>顯示更多 <i class="arrow2-bottom"></i></a>
		</div>
		<div class="pxui-shoes" id="js-home-tab-2" style="display:none;">
			<div>
			</div>
		</div>
		<div class="pxui-show-more" style="display:none;" lastid="1" template="#js-bk-template" srcProperty="goodsrc" container="#js-home-tab-2 > div"  url="/home/ajax?act=bk_more&sid=95">
			<img src="template/images/public/loading.gif" width="24" height="24"/>
			<a>顯示更多 <i class="arrow2-bottom"></i></a>
		</div>
		<div class="pxui-shoes" id="js-home-tab-3" style="display:none;">
			<div>
			</div>
		</div>
		<div class="pxui-show-more" style="display:none;" lastid="1" template="#js-bk-template" srcProperty="goodsrc" container="#js-home-tab-3 > div"  url="/home/ajax?act=bk_more&sid=96">
			<img src="template/images/public/loading.gif" width="24" height="24"/>
			<a>顯示更多 <i class="arrow2-bottom"></i></a>
		</div>
		<div class="pxui-shoes" id="js-home-tab-4" style="display:none;">
			<div>
			</div>
		</div>
		<div class="pxui-show-more" style="display:none;" lastid="1" template="#js-bk-template" srcProperty="goodsrc" container="#js-home-tab-4 > div"  url="/home/ajax?act=bk_more&sid=97">
			<img src="template/images/public/loading.gif" width="24" height="24"/>
			<a>顯示更多 <i class="arrow2-bottom"></i></a>
		</div>
	</div>
	<div class="pxui-area">
		<h3><b>Top5</b> 熱銷推薦<a class="pxui-button" href="topic/594.html"><span>+</span> 更多 &gt;&gt;</a></h3>
		<div class="pxui-shoes">
			<div>
                                                            <a href="shoe-361sport-7212220-500798.html">
                                  
					<div class="img160"><dfn></dfn><img src="http://img-cdn2.paixie.net/images/empty.gif" truesrc="http://img12.paixie.net/361sport/201209/05/paixienet-461516-20120905-080851-p_thumb_160160.jpg"/></div>
					<span class="name">361度 男跑步鞋 藍(lán)/淺灰 7212220</span>
					<span class="price">¥159.00</span>
					<del class="price">¥339.00</del>
                                        <span class="tag">1</span>
									</a>
                                                      <a href="shoe-anta-91315588-1-541341.html">
                                  
					<div class="img160"><dfn></dfn><img src="http://img-cdn2.paixie.net/images/empty.gif" truesrc="http://img9.paixie.net/anta/201305/22/c5d2e5dd32_thumb_160160.jpg"/></div>
					<span class="name">安踏  男跑步鞋 安踏白/鋼灰/鉆石藍(lán)/黑 91315588-1</span>
					<span class="price">¥169.00</span>
					<del class="price">¥259.00</del>
                                        <span class="tag">2</span>
									</a>
                        
			</div>
		</div>
		<div class="pxui-list">
                                                                                                                                                			<a href="shoe-josiny-141114130-590823.html"><span class="pxui-bg-blue pxui-color-white">3</span><p>卓詩尼 休閑色拼接粗跟圓頭通勤 女單鞋 綠色 141114130</p><b>¥179.00</b></a>
                                                                        			<a href="shoe-361sport-7214418-503835.html"><span class="pxui-bg-blue pxui-color-white">4</span><p>361度 男跑步鞋 黑/淺黃 7214418</p><b>¥99.00</b></a>
                                                                        			<a href="shoe-adidas-G97666-548556.html"><span class="pxui-bg-blue pxui-color-white">5</span><p>阿迪達(dá)斯 Crazy cool m 男跑步鞋 完美藍(lán)/夜色藍(lán) G97666</p><b>¥499.00</b></a>
                                                		</div>
	</div>
	<div class="pxui-area">
		<h3><b>Brand</b> 品牌推薦</h3>
		<div class="brands">
			<div id="js-brand-list">

			</div>
		</div>
		<div class="pxui-show-more" id="js-show-more-btand" lastid="1" template="#js-brand-template" srcProperty="truesrc" container="#js-brand-list" url="/home/ajax?act=brand_more">
			<img src="template/images/public/loading.gif" width="24" height="24"/>
			<a tourl="/brand/">顯示更多<i class="arrow2-bottom"></i></a>
		</div>
	</div>
</div>
<script type="text/tcl" id="js-bk-template">
				<a href="<%=data.link%>">
					<div class="img160"><dfn></dfn><img src="http://img-cdn2.paixie.net/images/empty.gif" goodsrc="<%=data.img%>"/></div>
					<span class="name"><%=data.title%></span>
					<span class="price"><%=data.price%></span>
					<del class="price"><%=data.market_price%></del>
                                        <%if(data.tag == ''){%>
					<img class="tag" src="http://img-cdn2.paixie.net/images/empty.gif" goodsrc="<%=data.tag%>"/>
                                        <%}%>
				</a>
</script>
<script type="text/tcl" id="js-brand-template">
    <a href="<%=data.mlink%>"><i><img src="template/images/public/empty-2X1.gif" truesrc="<%=data.logo%>" alt="<%=data.alt%>" width="100" height="50"/></i></a>
</script>
<!--content-end-->
		</div>
                		<div class="com-footer-area" id="js-com-footer-area">
			<div class="com-footer-nav">
				<a href="default.htm">首頁</a><a href="help/index.html">幫助中心</a><a href="feedback/index.html">反饋建議</a>
			</div>
			<div class="com-footer">
				<p class="com-policy">
					<strong>
						<a class="pxui-color-white" href="javascript:void(0)">
							<i></i>
							<span>自營商品<br/>
							滿99包郵</span>
						</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a class="pxui-color-white" href="javascript:void(0)">
							<i style="background-position:-40px -108px;"></i>
							<span>15天無理由<br/>
							免郵退換貨</span>
						</a>
					</strong>
				</p>
				<br/>
				<br/>
				<p>
					<strong>
                                            						<a style="color:#769fbf;" href="login/default.htm">登錄</a>&nbsp;&nbsp;
						<a style="color:#769fbf;" href="register/default.htm">注冊</a>
                                            					</strong>
				</p>
				<br/>
				<p>
					<strong>
						<a href="../wap.paixie.net/default.htm">極速版</a>&nbsp;&nbsp;
						<a href="default.htm">觸屏版</a>&nbsp;&nbsp;
						<a href="help/app.html">客戶端</a>
					</strong>
				</p>
				<br/>
				? 2007-2013 Paixie All Rights Reserved<br/>
				閩B2-20110084
                                <br /> 
                                <p style="text-align: left;border-bottom:none;display:table-cell; padding-left: 10px; padding-right: 10px;">友情鏈接:
                                                                    <a href='../dh.sogou.com/@fr=0005-001s'>網(wǎng)址導(dǎo)航 </a>
                                                                    <a href='../m.roboo.com/@f=1403070005'>儒豹搜索</a>
                                                                    <a href='../wap.kanshu.com/index@cnl=paixie&s=1'>看書網(wǎng)</a>
                                                                    <a href='../m.soufun.com/esf/hz.html@sf_source=wapzu_hz_paixie'>搜房</a>
                                                                    <a href='../wapzk.net/@ff=1513897'>掌酷門戶</a>
                                                                    <a href='../123hw.com/default.htm'>123好網(wǎng)址</a>
                                                                  </p>
                                			</div>
		</div>
                	</div>
<script type="text/tcl" id="js-good-template">
<a href="<%=data.link;%>">
	<div class="img160"><dfn></dfn><img src="http://img-cdn2.paixie.net/images/empty.gif" goodsrc="<%=data.img;%>"/></div>
	<span class="name"><%=data.name;%></span>
	<span class="price">¥<%=data.price;%></span>
	<del class="price">¥<%=data.oldprice;%></del>
	<%if(data.tag){%>
	<img class="tag" src="http://img-cdn2.paixie.net/images/empty.gif" truesrc="<%=data.tag;%>"/>
	<%}%>
</a>

</body>
</html>



四、web前端入門到高級(視頻+源碼+資料+面試)一整套 (教程)

web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板_響應(yīng)式手機(jī)網(wǎng)站_03


五、源碼獲取

? ~ 關(guān)注我,點贊博文~ 每天帶你漲知識!

?1.看到這里了就 [點贊+好評+收藏] 三連 支持下吧,你的「點贊,好評,收藏」是我創(chuàng)作的動力。

? 2.關(guān)注我 ~ 每天帶你學(xué)習(xí) :各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者,一起探討 前端 Node 知識,互相學(xué)習(xí)」!

?3.以上內(nèi)容技術(shù)相關(guān)問題可以相互學(xué)習(xí),可關(guān)注↓公Z號 獲取更多源碼 !

HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板_電商網(wǎng)站手機(jī)模板_04

六、更多HTML期末大作業(yè)(成品下載)

>>>戳我>>>點擊進(jìn)入200例期末大作業(yè)作品

200多例 HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板_公司手機(jī)網(wǎng)站模板_05
HTML5響應(yīng)式手機(jī)模板:【超炫購物模板】——仿拍鞋網(wǎng)商城手機(jī)網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機(jī)網(wǎng)站模板_html5手機(jī)網(wǎng)站模板_06

本文摘自 :https://blog.51cto.com/u

開通會員,享受整站包年服務(wù)立即開通 >