<!DOCTYPE HTML>
<html>
<head>
<title>Prosucts</title>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!----//webfonts---->
<!----start-alert-scroller---->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easy-ticker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#demo').hide();
$('.vticker').easyTicker();
});
</script>
<!----start-alert-scroller---->
<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<script src="js/menu_jquery.js"></script>
<!-- //End menu -->
<!---slider---->
<link rel="stylesheet" href="css/slippry.css">
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/scripts-f0e4e0c2.js" type="text/javascript"></script>
<script>
jQuery('#jquery-demo').slippry({
// general elements & wrapper
slippryWrapper: '<div class="sy-box jquery-demo" />', // wrapper to wrap everything, including pager
// options
adaptiveHeight: false, // height of the sliders adapts to current slide
useCSS: false, // true, false -> fallback to js if no browser support
autoHover: false,
transition: 'fade'
});
</script>
<!---move-top-top---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!---//move-top-top---->
</head>
<body>
<!---start-wrap---->
<!---start-header---->
<div class="header">
<div class="top-header">
<div class="wrap">
<div class="top-header-left">
<ul>
<!---cart-tonggle-script---->
<script type="text/javascript">
$(function(){
var $cart = $('#cart');
$('#clickme').click(function(e) {
e.stopPropagation();
if ($cart.is(":hidden")) {
$cart.slideDown("slow");
} else {
$cart.slideUp("slow");
}
});
$(document.body).click(function () {
if ($cart.not(":hidden")) {
$cart.slideUp("slow");
}
});
});
</script>
<!---//cart-tonggle-script---->
<li><a class="cart" href="#"><span id="clickme"> </span></a></li>
<!---start-cart-bag---->
<div id="cart">Your Cart is Empty <span>(0)</span></div>
<!---start-cart-bag---->
<li><a class="info" href="#"><span> </span></a></li>
</ul>
</div>
<div class="top-header-center">
<div class="top-header-center-alert-left">
<h3>FREE DELIVERY</h3>
</div>
<div class="top-header-center-alert-right">
<div class="vticker">
<ul>
<li>Applies to orders of $50 or more. <label>Returns are always free.</label></li>
</ul>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="top-header-right">
<ul>
<li><a href="login.html">Login</a><span> </span></li>
<li><a href="register.html">Join</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<!----start-mid-head---->
<div class="mid-header">
<div class="wrap">
<div class="mid-grid-left">
<form>
<input type="text" placeholder="What Are You Looking for?" />
</form>
</div>
<div class="mid-grid-right">
<a class="logo" href="index.html"><span> </span></a>
</div>
<div class="clear"> </div>
</div>
</div>
<!----//End-mid-head---->
<!----start-bottom-header---->
<div class="header-bottom">
<div class="wrap">
<!-- start header menu -->
<ul class="megamenu skyblue">
<li class="grid"><a class="color2" href="#">MEN</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<div class="h_nav">
<h4>popular</h4>
<ul>
<li><a href="products.html">new arrivals</a></li>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">login</a></li>
</ul>
</div>
<div class="h_nav">
<h4 class="top">man</h4>
<ul>
<li><a href="products.html">new arrivals</a></li>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="#">accessories</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">style videos</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>style zone</h4>
<ul>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">brands</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>style zone</h4>
<ul>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">brands</a></li>
</ul>
</div>
</div>
<div class="col1 men">
<div class="men-pic">
<img src="images/men.png" title="" />
</div>
</div>
</div>
</div>
</li>
<li class="active grid"><a class="color4" href="#">women</a>
<div class="megapanel">
<div class="row">
<div class="col1">
<div class="h_nav">
<h4>shop</h4>
<ul>
<li><a href="products.html">new arrivals</a></li>
<li><a href="products.html">men</a></li>
<li><a href="products.html">women</a></li>
<li><a href="products.html">accessories</a></li>
<li><a href="products.html">kids</a></li>
<li><a href="products.html">brands</a></li>
</ul>
</div>
<div class="h_nav">
<h4>help</h4>
<ul>
<li><a href="products.html">trends</a></li>
<li><a href="products.html">sale</a></li>
<li><a href="products.html">style videos</a></li>
<li><a href="products.html">accessories</
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
前端静态模板-响应式运动鞋-学生作业毕设实训素材.zip (86个子文件)
响应式运动鞋
css
etalage.css 4KB
megamenu.css 10KB
owl.carousel.css 8KB
jstarbox.css 1KB
slippry.css 17KB
style.css 55KB
jquery-ui.css 30KB
images
add.jpg 125KB
jarse.jpg 15KB
image5_large.jpg 22KB
sborder.png 239B
slide-1.jpg 191KB
start-rate.png 842B
nike.png 48KB
fax.png 3KB
move-toph.png 1KB
product-pic.jpg 11KB
image5_thumb.jpg 22KB
social-share.png 4KB
price-border.png 338B
product4.jpg 17KB
image1_large.jpg 14KB
image3_thumb.jpg 14KB
image4_large.jpg 6KB
up_arrow.png 333B
image-sprit.png 16KB
slide-4.jpg 157KB
image6_large.jpg 22KB
special.png 78KB
down_arrow.png 338B
image4_thumb.jpg 6KB
foot-ball.jpg 12KB
home.png 3KB
mark.png 337B
product3.jpg 22KB
product1.jpg 21KB
image2_large.jpg 18KB
phone.png 3KB
product5.jpg 20KB
men.png 45KB
move-top.png 1KB
image2_thumb.jpg 18KB
email.png 3KB
border.png 196B
image1_thumb.jpg 14KB
product6.jpg 20KB
product2.jpg 22KB
image3_large.jpg 14KB
women.png 40KB
selection.png 10KB
product-slide
image5_large.jpg 27KB
image5_thumb.jpg 27KB
image1_large.jpg 18KB
image3_thumb.jpg 17KB
image4_large.jpg 8KB
image6_large.jpg 27KB
image4_thumb.jpg 8KB
image7_large.jpg 24KB
image2_large.jpg 23KB
image2_thumb.jpg 23KB
image1_thumb.jpg 18KB
image7_thumb.jpg 24KB
image3_large.jpg 17KB
image6_thumb.jpg 27KB
sport.png 65KB
kids1.png 139KB
login.html 24KB
index.html 36KB
js
jquery.min.js 91KB
move-top.js 1KB
jquery-ui.js 426KB
easing.js 5KB
modal.js 8KB
scripts-f0e4e0c2.js 19KB
jquery.easy-ticker.js 4KB
jquery.etalage.min.js 17KB
easyResponsiveTabs.js 9KB
jstarbox.js 5KB
jquery-ui.min.js 197KB
megamenu.js 1KB
owl.carousel.js 37KB
menu_jquery.js 1KB
details.html 37KB
register.html 24KB
products.html 38KB
contact.html 26KB
共 86 条
- 1
资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功