APP
HTML5響應式手機模板：電商網(wǎng)站設計——仿拍鞋網(wǎng)商城手機網(wǎng)站模板( HTML+CSS+JavaScript) 企業(yè)手機網(wǎng)站模板
一、作品演示
四、web前端入門到高級(視頻+源碼+資料+面試)一整套 (教程)
五、源碼獲取
手機網(wǎng)站模板 電商網(wǎng)站手機模板 響應式手機網(wǎng)站 html5手機網(wǎng)站模板 企業(yè)手機網(wǎng)站模板 公司手機網(wǎng)站模板
作品介紹1.網(wǎng)頁作品簡介方面 ：原始HTML+CSS+JS頁面設計,HTML5響應式手機模板，這是一個不錯的網(wǎng)頁制作，畫面精明，非常適合初學者學習使用。
2.網(wǎng)頁作品編輯方面：此作品為html5響應式手機模板， html+css 布局制作，作品下載后可使用任意HTML編輯軟件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有編輯器均可使用）
文章目錄
<!doctype html>
<html>
<head>
<title>仿拍鞋網(wǎng)商城首頁觸屏版html5手機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)站好，當然首選拍鞋網(wǎng)!中國最早成立的正品鞋子購物網(wǎng)站,國內(nèi)最大的品牌鞋子銷售廣場。所售鞋子100%廠家授權,全國包郵,貨到付款,提供最完美的購物體驗！" />
<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" />
<!--離線應用的另一個技巧-->
<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ù)字識別為電話號碼-->
<meta content="telephone=no" name="format-detection" />
<!--設置開始頁面圖片-->
<!--<link rel="/touch/apple-touch-startup-image" href="startup.png" />-->
<!--在設置書簽的時候可以顯示好看的圖標-->
<!--<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>團購<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; " >阿迪達斯</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; " >達芙妮新品開搶</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; " >商務鞋</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; " >藍貝璐</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; " >魔術貼</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> 更多 >></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度 男跑步鞋 藍/淺灰 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">安踏 男跑步鞋 安踏白/鋼灰/鉆石藍/黑 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>阿迪達斯 Crazy cool m 男跑步鞋 完美藍/夜色藍 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>
<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>
<a style="color:#769fbf;" href="register/default.htm">注冊</a>
</strong>
</p>
<br/>
<p>
<strong>
<a href="../wap.paixie.net/default.htm">極速版</a>
<a href="default.htm">觸屏版</a>
<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)址導航 </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前端 零基礎-入門到高級 (視頻+源碼+開發(fā)軟件+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
五、源碼獲取
? ~ 關注我，點贊博文~ 每天帶你漲知識!
?1.看到這里了就 [點贊+好評+收藏] 三連 支持下吧，你的「點贊，好評，收藏」是我創(chuàng)作的動力。
? 2.關注我 ~ 每天帶你學習 :各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學習」！
?3.以上內(nèi)容技術相關問題可以相互學習，可關注↓公Z號 獲取更多源碼 !
>>>戳我>>>點擊進入200例期末大作業(yè)作品
200多例 HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設計需求, 喜歡的可以下載!
本文摘自 ：https://blog.51cto.com/u
