<!doctype html> <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <!--条件注释语句,当满足if语句时则执行--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"><!--编码格式--> <title>慧丹花店-首页</title> <!--引用js文件--> <script src="js/jquery-1.8.2.min.js"></script> <script src="js/common.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/ddsmoothmenu.js"></script> <script src="js/jquery.flexslider.js"></script> <script src="js/jquery.elastislide.js"></script> <script src="js/jquery.jcarousel.min.js"></script> <script src="js/jquery.accordion.js"></script> <script src="js/light_box.js"></script> <script type="text/javascript">$(document).ready(function(){$(".inline").colorbox({inline:true, width:"50%"});});</script> <!--end js--> <!-- 适配于手机浏览 ================================================== --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- CSS ================导入外部样式表================================== --> <!--可以在<head>部分通过<style>标签定义内部样式表; 当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。 使用外部样式表,就可以通过更改一个文件来改变整个站点的外观--> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/orange.css"> <link rel="stylesheet" href="css/skeleton.css"> <link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/ddsmoothmenu.css"/> <link rel="stylesheet" href="css/elastislide.css"/> <link rel="stylesheet" href="css/home_flexslider.css"/> <link rel="stylesheet" href="css/light_box.css"/> <script src="js/html5.js"></script> <!--[if IE]><script src="js/html5.js"></script> <![endif]--> <!--[if lt IE 9]><script src="js/html5.js"></script><![endif]--> </head> <body><div class="mainContainer big container"><!--主要内容区--> <!--Header Block--> <div class="header-wrapper"> <header class="container"> <div class="head-right"> <ul class="top-nav"> <li class=""><a href="#">我的账户</a></li> <li class="my-wishlist"><a href="#">收藏</a></li> <li class="checkout"><a href="#" >结算</a></li> <li class="log-in"><a href="account_login.html" >登录</a></li> </ul> <section class="header-bottom"><!--搜索和购物车--> <!--section新标签,与div类似,语义化--> <div class="cart-block"><!--购物车--><ul><li>(2)</li><li><a href="#" title="购物车"><img title="购物车" alt="购物车" src="picture/item_icon.png" /></a></li><li>购物车</li></ul><div id="minicart" class="remain_cart" style="display: none;"> <p class="empty">您的购物车共有2件商品</p> <ol><li><div class="img-block"><img src="picture/small_img1.png" title="" alt="" /></div><div class="detail-block"><h4><a href="#" title="玫瑰">玫瑰</a></h4><p><strong>1</strong> x ¥99.00 <!--strong用于文本加粗,强调作用--></p><a href="#" title="Details">细节展示</a></div><div class="edit-delete-block"><a href="#" title="Edit"><img src="picture/edit_icon.png" alt="Edit" title="Edit" /></a> <!--<img>中“alt”当浏览器无法加载图片时显示替代文本的属性--><a href="#" title="Remove"><img src="picture/delete_item_btn.png" alt="Remove" title="Remove" /></a></div></li><li><div class="img-block"><img src="picture/small_img.png" title="" alt="" /></div><div class="detail-block"><h4><a href="#" title="玫瑰">玫瑰</a></h4><p><strong>1</strong> x ¥99.00</p><a href="#" title="Details">细节展示</a></div><div class="edit-delete-block"><a href="#" title="Edit"><img src="picture/edit_icon.png" alt="Edit" title="Edit" /></a><a href="#" title="Remove"><img src="picture/delete_item_btn.png" alt="Remove" title="Remove" /></a></div></li><li><div class="total-block">共计:<span>¥198.00</span></div><a href="index.html" title="结算" class="orange-btn">结算</a><!--<div class="clear"></div>--></li> </ol></div></div> <!--搜索框--> <div class="search-block"> <input type="text" value="搜索" /> <!--定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 并不是所有的主流浏览器都支持新的input类型。--> <input type="submit" value="submit"/> <!--submit定义提交按钮。提交按钮会把表单数据发送到服务器--> </div> </section> </div> <!--LOGO--> <h1 class="logo"> <img title="Logo" alt="Logo" src="picture/logo.png" /></h1> <nav id="smoothmenu1" class="ddsmoothmenu mainMenu"> <!--nav标签定义导航链接的部分,是H5的新标签,优点是语义化--> <ul id="nav"> <!--无序列表--> <li class="active"><a href="index.html">首页</a></li> <li ><a href="category.html">全部商品</a></li> <li><a href="contact_us.html">留言板</a></li> </ul> </nav> <!--响应式导航菜单--> <div class="mobMenu"> <h1> <span>菜单</span> <a class="menuBox highlight" href="javascript:void(0);"></a> <!--javascript:void(0)空链接,没有跳转--> <span class="clearfix"></span> <!--清除浮动对后面元素的影响--> </h1> <div id="menuInnner" style="display:none;"> <!--设置默认状态是不显示--> <ul class="accordion"><!--accordion:可折叠的--> <!--无序列表--> <li class="active"><a href="index.html" >首页</a></li> <li class="parent"><a href="category.html" >全部商品</a></li> <li class=""><a href="contact_us.html" >留言板</a></li> <span class="clearfix"></span> </ul> </div> </div> </div> <!--Banner Block--> <section class="banner-wrapper"> <div class="banner-block container"> <div class="flexslider"><!--调用框架接口--> <ul class="slides"> <li><img title="Banner" alt="Banner" src="picture/banner1.png" /></li> <li><img title="Banner" alt="Banner" src="picture/banner2.png" /></li> <li><img title="Banner" alt="Banner" sr
相关知识
HappyThanksgiving火鸡主题感恩节ppt模板.rar资源
计算机毕业设计之 [含实训报告+源码等]javaweb花店管理系统[包运行成功]
计算机毕业设计基于JavaWeb的在线鲜花销售网站
【毕业设计之html系列】基于html5的花店网站设计
花卉管理系统的设计及实现.doc资源
花卉管理系统的设计实现分析.doc资源
【免费】基于yolov5的番茄病虫害识别资源
该系统为花店销售管理系统 rar压缩包免费下载
基于nodejs+vue花店管理系统[程序+论文+开题] 计算机毕业设计
避雨大棚温室资源
网址: 花店网站毕业设计.rar资源 https://m.huajiangbk.com/newsview558454.html
上一篇: 基于JAVA开发的网上花店售卖系 |
下一篇: 新开花店如何快速盈利? |