食品类网页制作--成品网站

  • l4_405721
    了解作者
  • 46.5MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-01 21:30
    上传日期
该网站应用的是div+css 简约型,整个网站代码简单,效果很好,初学者或交毕业设计作品绝对有用
jinlisheng.zip
  • jinlisheng
  • newsdot.html
    7.7KB
  • about.html
    5.8KB
  • productdot.html
    6.2KB
  • product1.html
    6.8KB
  • images
  • cdbj.jpg
    15.5KB
  • tgh.jpg
    22.9KB
  • hzptgs.jpg
    17.1KB
  • xiantiao.png
    419B
  • producttg5.jpg
    62KB
  • cpxt.jpg
    37.2KB
  • lg.jpg
    20.5KB
  • banner1.jpg
    343.2KB
  • up_001.gif
    2.3KB
  • a02.jpg
    36.4KB
  • swg.jpg
    16.6KB
  • xinwenxiao.jpg
    10.3KB
  • a03.jpg
    40.8KB
  • share_02_1.gif
    727B
  • datu4.jpg
    318KB
  • dot1.jpg
    11.4KB
  • banner.jpg
    445.7KB
  • servicebg.jpg
    20.1KB
  • cdbj2.jpg
    12.5KB
  • producttg6.jpg
    93.7KB
  • chanpin.jpg
    113.4KB
  • contactbg.png
    4.5KB
  • datu.psd
    35.2MB
  • chanfang.jpg
    44.9KB
  • xiantiao.jpg
    8.7KB
  • newsbg.png
    4.8KB
  • a01.jpg
    63.9KB
  • cyg.jpg
    20.3KB
  • xinwen2.jpg
    79.2KB
  • producttg4.jpg
    87.3KB
  • bot_001.gif
    1.6KB
  • contact_biao_01.jpg
    8.4KB
  • datu3.jpg
    361.4KB
  • producttg2.jpg
    65.3KB
  • dot3.jpg
    11.8KB
  • biao_01.jpg
    8.2KB
  • contact_biao_02.jpg
    8.3KB
  • banner
  • banner5.jpg
    213.1KB
  • banner.jpg
    277.5KB
  • banner4.jpg
    285.9KB
  • banner2.jpg
    236.7KB
  • banner3.jpg
    308.2KB
  • datu1.jpg
    615.8KB
  • share_05_1.gif
    734B
  • lxxt.jpg
    45.8KB
  • contact_biao_03.jpg
    8.3KB
  • 1.png
    27.2KB
  • wjh.jpg
    21.3KB
  • datu2.jpg
    427.8KB
  • hengtaio.jpg
    2.3KB
  • newxy.jpg
    51.8KB
  • jg - 副本.jpg
    4KB
  • hzptg.jpg
    22.5KB
  • jiahao.png
    3.8KB
  • menubg.jpg
    41.9KB
  • chanpin1.jpg
    81.8KB
  • product.jpg
    20.2KB
  • dot2.jpg
    11.4KB
  • banner3.jpg
    613.4KB
  • abxt.jpg
    43.4KB
  • spth.jpg
    25.5KB
  • lpg.jpg
    25.2KB
  • mid001.gif
    211B
  • aboutbg.png
    4.6KB
  • xinwen4.jpg
    78.2KB
  • xinwen3.jpg
    109.1KB
  • list_001.gif
    679B
  • jg.jpg
    21.4KB
  • logo.png
    3.4KB
  • datu.jpg
    630.2KB
  • share_03_1.gif
    246B
  • spth - 副本.jpg
    3.2KB
  • fwxt.jpg
    41.4KB
  • xinwen1.jpg
    95.6KB
  • xinwendbdj.jpg
    10.4KB
  • dhxt.psd
    500KB
  • xtb.jpg
    10.9KB
  • biao_02.jpg
    8.2KB
  • share_04_1.gif
    186B
  • producttg3.jpg
    70.5KB
  • producttg1.jpg
    79.8KB
  • topline.jpg
    11.1KB
  • share_01_1.gif
    1.1KB
  • js
  • Terminator2.2.min.js
    17.2KB
  • lrtk.js
    3.6KB
  • js.js
    2.8KB
  • jquery.js
    89.4KB
  • jquery-1.4.2.min.js
    70.6KB
  • DD_belatedPNG_0.0.8a.js
    12.1KB
  • jquery1-1.js
    29.1KB
  • Koala.min.1.5.js
    34.9KB
  • contact.html
    8.7KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>公司名称</title> <meta name="keywords" content="关键字"> <meta name="description" content="公司介绍"> <link href="css/css.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.4.2.min.js"></script> <script src="js/js.js"></script> <script type="text/javascript" src="js/lrtk.js"></script> <script type="text/javascript" src="jquery1-1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); </script> <!---menu_js---> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> // Executes the function when DOM will be loaded fully $(document).ready(function () { // hover property will help us set the events for mouse enter and mouse leave $('.navigation li').hover( // When mouse enters the .navigation element function () { //Fade in the navigation submenu $('ul', this).fadeIn(); // fadeIn will show the sub cat menu }, // When mouse leaves the .navigation element function () { //Fade out the navigation submenu $('ul', this).fadeOut(); // fadeOut will hide the sub cat menu } ); }); </script> <!---menu_js---> </head> <body> <div class="warp"> <div class="top"> <div class="menu1"> <div class="cdlb"> <ul> <li><a href="#" id="dot1" rel='nofollow' onclick='return false;'>ABOUT</a></li> <li><a href="#" id="dot2" rel='nofollow' onclick='return false;'>JOB</a></li> <li><a href="#" id="dot3" rel='nofollow' onclick='return false;'>CONTACT</a></li> </ul> </div> <div class="clear"></div> </div> <!--- menu --> <div class="menu2"> <div style="width:1024px; margin:auto;"> <div class="logo"></div> <!--- menu --> <div class="cdlb2"> <div class="header2"> <div class="menu"> <ul class="navigation"> <li><a href="main.html" rel='nofollow' onclick='return false;'>HOME</a></li> <li><a href="about.html" rel='nofollow' onclick='return false;'>ABOUT</a> <ul style="left:-50px;"> <div class="nav"> <div class="nav-left"> <li><a href="about.html" rel='nofollow' onclick='return false;'>Company</a></li> </div> <div class="nav-right"></div> </div> </ul> <div class="clear"></div> </li> <li><a href="product.html" rel='nofollow' onclick='return false;'>PRODUCT</a> <ul style="left:-200px;"> <div class="nav"> <div class="nav-left"> <li><a href="product1.html" rel='nofollow' onclick='return false;'>Candy box</a></li> <li><a href="product1.html" rel='nofollow' onclick='return false;'>Dressing</a></li> <li><a href="product1.html" rel='nofollow' onclick='return false;'>Pencil case</a></li> <li><a href="product1.html" rel='nofollow' onclick='return false;'>Tin box</a></li> <li><a href="product1.html" rel='nofollow' onclick='return false;'>Moon cake box</a></li> </div> <div class="nav-right"></div> </div> </ul> <div class="clear"></div> </li> <li><a href="news.html" rel='nofollow' onclick='return false;'>NEWS</a> <ul style="left:-300px;"> <div class="nav"> <div class="nav-left"> <li><a href="news.html" rel='nofollow' onclick='return false;'>News</a></li> <li><a href="news.html" rel='nofollow' onclick='return false;'>Industry dynamic</a></li> </div> <div class="nav-right"></div> </div> </ul> <div class="clear"></div> </li> <li><a href="service.html" rel='nofollow' onclick='return false;'>SERVICE</a> <ul style="left:-400px;"> <div class="nav"> <div class="nav-left"> <li><a href="service.html" rel='nofollow' onclick='return false;'>Service concept</a></li> </div> <div class="nav-right"></div> </div> </ul> <div class="clear"></div> </li> <li><a href="contact.html" rel='nofollow' onclick='return false;'>CONTACT</a> <ul style="left:-500px;"> <div class="nav"> <div class="nav-left"> <li><a href="contact.html" rel='nofollow' onclick='return false;'>information</a></li> <li><a href="contact.html" rel='nofollow' onclick='return false;'>Online contact</a></li> </div> <div class="nav-right"></div> </div> </ul> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> </div> </div> <div class="clear"></div> </div> </div> <!--- menu --> <div class="clear"></div> </div> <div class="banner"> <div class="abouImgbox" id="abBanner"> <ul> <li></li> <li></li> <li></li> </ul> <div class="aboutImgCl" id="abBancl" style="display:none"></div> <div class="aboutImgTxt" id="aboutImgTxt" style="display:none;"></div> </div> </div> <div class="container"> <div class="container1"> <div class="xt"> </div> <div class="fl"> <div class="gsfl"> <div class="tupian"> <div class="biaoti">WHO WE ARE</div> <div class="line"></div> </div> <div class="tupian"> <div class="biaoti">WHAT WE DO</div> <div class="line"></div> </div> <div class="tupian"> <div class="biaoti">HOW TO FIND US</div> <div class="line"></div> </div> <div class="clear"></div> </div> <div class="cpfl"> <div class="tgh"> <div class="tgh-left"></div> <div class="tgh-right"> <p class="name">糖果盒</p> <p>Candy box</p> </div> </div> <div class="tgh"> <div class="tgh-left"></div> <div class="tgh-right"> <p class="name">食品铁盒</p> <p>Food tin box</p> </d
评论
    相关推荐