<!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
版权申诉
101 浏览量
2022-04-07
22:15:49
上传
评论
收藏 1.66MB ZIP 举报
前端静态模板-响应式运动鞋-学生作业毕设实训素材.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资源评论
