网页设计基于bootstrap实现的外贸电子商务网站模板+html+css+js资源-CSDN文库

共62个文件

jpg：24个

png：17个

js：8个

bootstrap

html

62 浏览量 2024-06-20 09:24:32 上传评论收藏 1.1MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

外贸电子商务网站模板.zip （62个子文件）

moban891

sales.html 19KB

imagezoom.js 4KB

jquery.wmuSlider.js 12KB

cbpViewModeSwitch.js 1004B

easyResponsiveTabs.js 6KB

jquery.flexslider.js 54KB

jquery-1.11.1.min.js 94KB

classie1.js 2KB

jquery.flexisel.js 8KB

css

style.css 35KB

flexslider.css 7KB

component.css 4KB

bootstrap.css 118KB

index.html 14KB

contact.html 11KB

about.html 13KB

single.html 21KB

images

pic5.jpg 23KB

pic6.jpg 17KB

2.jpg 19KB

s5.jpg 30KB

banner.png 491KB

tick1.png 3KB

pic10.jpg 16KB

c3.png 6KB

s1.jpg 27KB

s2.jpg 15KB

c1.png 5KB

arrow.png 3KB

s6.jpg 21KB

pic8.jpg 14KB

menu.png 3KB

s12.jpg 76KB

pic9.jpg 22KB

logo.png 3KB

1.jpg 18KB

zoom.png 5KB

grid_view.png 3KB

list_view.png 3KB

s7.jpg 26KB

pic4.jpg 20KB

social.png 4KB

pic2.jpg 46KB

s13.jpg 114KB

pic3.jpg 14KB

s11.jpg 80KB

c4.png 6KB

arrow2.gif 115B

arrows.png 4KB

c2.png 5KB

pic1.jpg 20KB

close.png 3KB

f_logo.png 3KB

s3.jpg 18KB

pic7.jpg 17KB

3.jpg 19KB

s4.jpg 20KB

s8.jpg 15KB

close1.png 3KB

checkout.html 10KB

<!DOCTYPE HTML> <html> <head> <title>Single</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Suity Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />   <link href="css/style.css" rel='stylesheet' type='text/css' />   <link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script>$(document).ready(function(c) { $('.alert-close').on('click', function(c){ $('.message').fadeOut('slow', function(c){ $('.message').remove(); }); }); }); </script> <script>$(document).ready(function(c) { $('.alert-close1').on('click', function(c){ $('.message1').fadeOut('slow', function(c){ $('.message1').remove(); }); }); }); </script> <script>$(document).ready(function(c) { $('.alert-close2').on('click', function(c){ $('.message2').fadeOut('slow', function(c){ $('.message2').remove(); }); }); }); </script>    <script src="js/easyResponsiveTabs.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('#horizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true // 100% fit in a container }); }); </script> </head> <body> <div class="sales"> <div class="container"> <div class="header_top"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""/></a> </div> <div class="header-bottom-right"> <ul class="icon1 sub-icon1 profile_img"> <li><a class="active-icon c1" href="#">My Cart </a><div class="rate">3</div> <ul class="sub-icon1 list"> <h3>Recently added items(3)</h3> <div class="shopping_cart"> <div class="cart_box"> <div class="message"> <div class="alert-close"> </div> <div class="list_img"><img src="images/1.jpg" class="img-responsive" alt=""/></div> <div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual"> $12.00</span></div> <div class="clearfix"></div> </div> </div> <div class="cart_box"> <div class="message1"> <div class="alert-close1"> </div> <div class="list_img"><img src="images/2.jpg" class="img-responsive" alt=""/></div> <div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual"> $12.00</span></div> <div class="clearfix"></div> </div> </div> <div class="cart_box1"> <div class="message2"> <div class="alert-close2"> </div> <div class="list_img"><img src="images/3.jpg" class="img-responsive" alt=""/></div> <div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual"> $12.00</span></div> <div class="clearfix"></div> </div> </div> </div> <div class="total"> <div class="total_left">CartSubtotal : </div> <div class="total_right">$250.00</div> <div class="clearfix"> </div> </div> <div class="login_buttons"> <div class="check_button"><a href="checkout.html">Check out</a></div> <div class="login_button"><a href="login.html">Login</a></div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </ul> </li> </ul> <div class="clearfix"></div> </div> <div class="menu"> <a href="#" class="right_bt" id="activator"><img src="images/menu.png" alt=""/></a> <div class="box" id="box"> <div class="box_content_center"> <div class="menu_box_list"> <ul> <li><a href="index.html">New Arrivals</a></li> <li class="active"><a href="sales.html">Sales</a></li> <li><a href="sales.html">Collection</a></li> <li><a href="about.html">About Us</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a> </div> </div> <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'left':'0px'},500); }); $('#boxclose').click(function(){ $('#box').animate({'left':'-2300px'},500); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the browser jump to the link anchor }); }); </script> </div> <div class="clearfix"></div> </div> </div> </div> <div class="about_top"> <div class="container"> <div class="col-md-3"> <ul class="menu1"> <li class="item1"><a href="#" class="">What To Buy ?<img class="arrow-img" src="images/arrow.png" alt=""/> </a> <ul class="cute" style="display: none; overflow: hidden;"> <li class="subitem1"><a href="single.html">Cute Kittens </a></li> <li class="subitem2"><a href="single.html">Strange Stuff </a></li> <li class="subitem3"><a href="single.html">Automatic Fails </a></li> </ul> </li> </ul>  <script type="text/javascript"> $(function() { var menu1_ul = $('.menu1> li > ul'), menu1_a = $('.menu1 > li > a'); menu1_ul.hide(); menu1_a.click(function(e) { e.preventDefault(); if(!$(this).hasClass('active')) { menu1_a.removeClass('active'); menu1_ul.filter(':visible').slideUp('normal'); $(this).addClass('active').next().stop(true,true).slideDown('normal'); } else { $(this).removeClass('active'); $(this).next().stop(true,true).slideUp('normal'); } }); }); </script> <div class="box1"> <ul class="box1_list"> <li><a

评论收藏

内容反馈