HTML期末作业-宠物网

HTML期末大作业-宠物网


<html><head><title>宠物</title><link rel="shortcut icon" type="image/x-icon" href="img/upimages/favicon.ico" /><script type="text/javascript" src="js/comm/jquery.min.js"></script><script type="text/javascript" src="js/comm/jquery.lazyload.min.js"></script><script type="text/javascript" src="js/comm/jquery.nicescroll.min.js"></script><script type="text/javascript" src="js/comm/ubox.js" charset="utf-8"></script><script type="text/javascript" src="js/comm/wow.js" charset="utf-8"></script><script type="text/javascript" src="js/comm/alert.js" charset="utf-8"></script><script type="text/javascript" src="js/index.js" charset="utf-8"></script><script type="text/javascript" src="js/lunbo.js" charset="utf-8"></script><link rel="stylesheet" type="text/css" href="css/comm/font/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="css/comm/animate.min.css" /><link rel="stylesheet" type="text/css" href="css/comm/box.css" /><link rel="stylesheet" type="text/css" href="css/comm/alert.css" /><link rel="stylesheet" type="text/css" href="css/index.css" /></head><body><script type="text/javascript" src="js/comm/transform.js"></script><div id="comm_layout_header" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="text_style_01_1527063232886" class="view style_01 text  none wow fadeIn lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">爱宠网</div></div><div id="dh_style_11_1527063768067" class="view style_11 dh  none lockHeightView" data-wow-duration='1s'data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="dh" class="view_contents"><div id="menu" class="menu menuStyle_11"><div class="menuLayout"><ul class="miniMenu columnSet showmobile"><li class="leftBox"><div class="nav"></div><div class="sidebar icoMenuSet"><i class="fa fa-navicon"onclick="setDhListen('style_01',this)"></i></div><div class="menuScroll"><ul class="menuUlCopy"><li id="hot" class="rflex" pageid="16279" showmobile=""><aclass="mainMenuSet" href="index.html">首页</a><i class="fa fa-angle-down" onclick="navSwtich(this)"></i></li><li class="rflex" pageid="16280" showmobile=""><a class="mainMenuSet"href="chongwupinzhong.html">宠物品种</a><i class="fa fa-angle-down" onclick="navSwtich(this)"></i></li><li class="rflex" pageid="16281" showmobile=""><a class="mainMenuSet"href="chongwuyongpin.html">宠物用品</a><i class="fa fa-angle-down" onclick="navSwtich(this)"></i></li><li class="rflex" pageid="16282" showmobile=""><a class="mainMenuSet"href="chongwuzixun.html">宠物资讯</a><i class="fa fa-angle-down" onclick="navSwtich(this)"></i></li><li class="rflex" pageid="16283" showmobile=""><a class="mainMenuSet"href="lianxiwomen.html">联系我们</a><i class="fa fa-angle-down" onclick="navSwtich(this)"></i></li></ul></div></li></ul><div class="menuUl_box columnSet showpc"><ul class="menuUl dflex maxWidth "><li id="hot" class="rflex isLi" pageid="16279" showpc=""><a class="mainMenuSet Nosub" href="index.html">首页</a></li><li class="rflex isLi" pageid="16280" showpc=""><a class="mainMenuSet Nosub" href="chongwupinzhong.html">宠物品种</a></li><li class="rflex isLi" pageid="16281" showpc=""><a class="mainMenuSet Nosub" href="chongwuyongpin.html">宠物用品</a></li><li class="rflex isLi" pageid="16282" showpc=""><a class="mainMenuSet Nosub" href="chongwuzixun.html">宠物资讯</a></li><li class="rflex isLi" pageid="16283" showpc=""><a class="mainMenuSet Nosub" href="lianxiwomen.html">联系我们</a></li><li class="rflex isLi" pageid="16283" showpc=""><a class="mainMenuSet Nosub" href="denglu.html">登录 </a></li><li class="rflex isLi" pageid="16283" showpc=""><a class="mainMenuSet Nosub" href="zhuce.html">注册 </a></li></ul></div></div></div></div></div></div></div><div id="layout_diy_1527062990" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="div_a_includeBlock_1527580920858" class="view a_includeBlock div  none wow fadeIn includeView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="text_style_01_1527067311246" class="view style_01 text  none lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">爱宠网</div></div><div id="text_style_01_1527067476890" class="view style_01 text  none lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">宠物生活馆——<div><div>信任，源于对它的无限关爱</div></div></div></div></div></div><div id="image_style_01_1527733521895" class="view style_01 image  none" data-wow-duration='0s'data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle CompatibleImg"><header><div id="benner"><div class="img"><img src="img/11.jpg" class="imga active"><img src="img/22.jpg" class="imga"><img src="img/33.jpg" class="imga"><img src="img/11.jpg" class="imga"><img src="img/22.jpg" class="imga"></div><ul class="title"><li class="nr active"></li><li class="nr"></li><li class="nr"></li><li class="nr"></li><li class="nr"></li></ul></div></header></div><!-- 新加的js  --></div></div></div></div><div id="layout_1527067776489" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="div_a_includeBlock_1527068108929" class="view a_includeBlock div  none includeView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="image_style_01_1527068198259" class="view style_01 image  none wow bounceInUp"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle CompatibleImg"><a href='lianxiwomen.html@pageid=16283' target=""><img class="picSet link-type-" src="img/upimages/pkgimg/5a1cbfcf6a456.png" title=""alt="描述" id="imageModeShow" /></a></div><!-- 新加的js  --></div></div><div id="div_a_includeBlock_1527581198790"class="view a_includeBlock div  none wow bounceInRight includeView" data-wow-duration='1s'data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="text_style_01_1527067791141"class="view style_01 text  none wow tada lockHeightView" data-wow-duration='1s'data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents"><a href="lianxiwomen.html@pageid=16283" target='' style='color:inherit'class='link-type-1-'>公司简介</a></div></div><div id="text_style_01_1527067856674"class="view style_01 text  none wow tada lockHeightView" data-wow-duration='1s'data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">COMPANY PROFILE</div></div><div id="text_style_01_1527068381262" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">在全国共经营100多家直营连锁宠物中心，覆盖北京、上海、广州、深圳、苏州等地，是目前中国乃至亚洲综合实力领先的宠物医疗服务机构。公司拥有完全按GMP标准建设的现代化厂房，乳化车间和灌装车间空气洁净度达到10万级，微生物实验室洁净度达1 万级。</div></div><div id="text_style_01_1527068591621" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">200+</div></div><div id="text_style_01_1527068540234" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">集聚200余位宠物行业医疗专家，工作经验相当丰富</div></div><div id="text_style_01_1527068716037" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">17+</div></div><div id="text_style_01_1527068682074" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">公司成立于2000年，至今已有17年品牌经验聚</div></div><div id="text_style_01_1527068722819" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">46+</div></div><div id="text_style_01_1527068689275" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">营销网络遍布全国，至今已有46个办事处</div></div><div id="text_style_01_1527068748695" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">500+</div></div><div id="text_style_01_1527068697610" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">每个省市共派驻有近500名销售人员，11个销售大区</div></div></div></div></div></div></div></div><div id="layout_1527069204162" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="div_a_includeBlock_1527069517933" class="view a_includeBlock div  none includeView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="div_a_includeBlock_1527069686827"class="view a_includeBlock div  none wow fadeIn includeView" data-wow-duration='1s'data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="text_style_01_1527069789916" class="view style_01 text  none lockHeightView"data-wow-duration='1s' data-wow-delay='0.5s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents"><a href="chongwupinzhong.html@pageid=16280" target='' style='color:inherit'class='link-type-1-'>查看更多</a></div></div><div id="text_style_01_1527735990906" class="view style_01 text  none lockHeightView"data-wow-duration='1.5s' data-wow-delay='0.5s' data-wow-offset='0'data-wow-iteration='1'><div names="text" class="view_contents">动物是人类的朋友。在这里，每一个热爱宠物的人 不但能找到他们想要的，而且能得到比他们想要的更多。动物是人类的朋友。在这里，每一个热爱宠物的人不但能找到他们想要的，而且能得到比他们想要的更多。动物是人类的朋友。在这里，每一个热爱宠物的人 不但能找到他们想要的，而且能得到比他们想要的更多。</div></div><div id="text_style_01_1527069732008" class="view style_01 text  none lockHeightView"data-wow-duration='1.5s' data-wow-delay='0.5s' data-wow-offset='0'data-wow-iteration='1'><div names="text" class="view_contents">动物是人类的朋友。在这里，每一个热爱宠物的人 不但能找到他们想要的，而且能得到比他们想要的更多。</div></div></div></div><div id="div_a_includeBlock_1527582472944" class="view a_includeBlock div  none includeView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="image_style_03_1527070640478" class="view style_03 image  none wow rollIn"data-wow-duration='1s' data-wow-delay='0.75s' data-wow-offset='0'data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle_3 CompatibleImg"><a href='chongwupinzhong.html@pageid=16280' target=""><img class="imgSet"src="img/upimages/pkgimg/8694a4c27d1ed21b1d1fadc2a76eddc450da3fc6.jpg"title="" alt="泰迪" id="imageModeShow" /><div class="tipsText"><span>泰迪</span></div></a></div><!-- 新加的js  --></div></div><div id="text_style_01_1527069108468" class="view style_01 text  none lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0'data-wow-iteration='1'><div names="text" class="view_contents"><a href="chongwupinzhong.html@pageid=16280" target='' style='color:inherit'class='link-type-1-'>萌宠展示</a></div></div><div id="text_style_01_1527584050519" class="view style_01 text  none lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0'data-wow-iteration='1'><div names="text" class="view_contents">PET SHOW</div></div><div id="image_style_03_1527070647799" class="view style_03 image  none wow rollIn"data-wow-duration='1s' data-wow-delay='0.5s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle_3 CompatibleImg"><a href='chongwupinzhong.html@pageid=16280' target=""><img class="imgSet" src="img/upimages/pkgimg/20180523185102425.jpg" title=""alt="萨摩耶" id="imageModeShow" /><div class="tipsText"><span>萨摩耶</span></div></a></div><!-- 新加的js  --></div></div><div id="image_style_03_1527070446077" class="view style_03 image  none wow rollIn"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0'data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle_3 CompatibleImg"><a href='chongwupinzhong.html@pageid=16280' target=""><img class="imgSet" src="img/upimages/pkgimg/20180523184758742.jpg" title=""alt="金毛犬" id="imageModeShow" /><div class="tipsText"><span>金毛犬</span></div></a></div><!-- 新加的js  --></div></div></div></div></div></div></div></div><div id="layout_1527127382547" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"></div></div><div id="layout_1527069212584" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="text_style_01_1527127363826" class="view style_01 text  none wow fadeIn lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents"><a href="chongwuyongpin.html@pageid=16281" target='' style='color:inherit'class='link-type-1-'>产品中心</a></div></div><div id="text_style_01_1527127453838" class="view style_01 text  none wow fadeIn lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">PRODUCT CENTER</div></div><div id="image_style_11_1527128652268" class="view style_11 image  none wow fadeIn lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle_11"><input type='hidden' id='current_page_1527128652268' value="8" /><input type='hidden' id='show_per_page_1527128652268' value="8" /><ul id="content_1527128652268"><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/92_72g1.png" alt="皮质牵引套装"style="display:none;"><div style="background:url('img/upimages/pkgimg/92_72g1.png');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/92_72g1.png" alt="皮质牵引套装"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">皮质牵引套装</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/90_fsq6.png" alt="蓝色金属镶钻宠物项圈"style="display:none;"><div style="background:url('img/upimages/pkgimg/90_fsq6.png');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/90_fsq6.png" alt="蓝色金属镶钻宠物项圈"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">蓝色金属镶钻宠物项圈</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/86_mcj8.png" alt="金属镶钻宠物项圈"style="display:none;"><div style="background:url('img/upimages/pkgimg/86_mcj8.png');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/86_mcj8.png" alt="金属镶钻宠物项圈"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">金属镶钻宠物项圈</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/cahnpin11.jpg" alt="宠物用品宠物脱毛梳"style="display:none;"><div style="background:url('img/upimages/pkgimg/cahnpin11.jpg');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/cahnpin11.jpg" alt="宠物用品宠物脱毛梳"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">宠物用品宠物脱毛梳</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/chanpin33.jpg" alt="中大型狗狗用品狗食盆"style="display:none;"><div style="background:url('img/upimages/pkgimg/chanpin33.jpg');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/chanpin33.jpg" alt="中大型狗狗用品狗食盆"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">中大型狗狗用品狗食盆</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/chapin44.jpg" alt="幼犬磨牙耐咬棉绳结玩具球"style="display:none;"><div style="background:url('img/upimages/pkgimg/chapin44.jpg');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/chapin44.jpg" alt="幼犬磨牙耐咬棉绳结玩具球"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">幼犬磨牙耐咬棉绳结玩具球</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/cahnpin22.jpg"alt="狗狗猫咪铃铛项圈宠物狗颈圈" style="display:none;"><div style="background:url('img/upimages/pkgimg/cahnpin22.jpg');" class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/cahnpin22.jpg" alt="狗狗猫咪铃铛项圈宠物狗颈圈"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">狗狗猫咪铃铛项圈宠物狗颈圈</p></li><li class="imgItems"><a href="javascript:;"><img class="noimgLoadLate" src="img/upimages/pkgimg/91cahnpin55.jpg" alt="涤纶反光牵引胸背带"style="display:none;"><div style="background:url('img/upimages/pkgimg/91cahnpin55.jpg');"class="theimgdiv"></div><!-- <img src="img/upimages/pkgimg/91cahnpin55.jpg" alt="涤纶反光牵引胸背带"> --></a><div class="ratio" style="margin-top:100%;"></div><p class="theimgtext titSet">涤纶反光牵引胸背带</p></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div><script type="text/javascript">if ($(".theimgtext")) {$(".theimgdiv").css("height", "calc(100% - 30px)");} else {$(".theimgdiv").css("height", "100%");}</script><script>$(document).ready(function () {$('.page_link[longdesc=0]').css("border", "1px solid #4c4c4c");$('#content_1527128652268').children().slice(0, $("#current_page_1527128652268").attr("value")).css('display', 'none');$('#content_1527128652268').children().slice(0, $("#show_per_page_1527128652268").attr("value")).css('display', 'block');});function go_to_page_1527128652268(page_num, prodNum) {start_from = page_num * prodNum;end_on = start_from + prodNum;$('#content_1527128652268').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');$('.page_link_1527128652268').css('border', '');$('.page_link_1527128652268[longdesc=' + page_num + ']').css("border", "1px solid #4c4c4c");phSize();}function phSize() {$("#{viewId} li").each(function () {var img_W = $(this).find("img").width();var img_H = $(this).find("img").height();if (img_W < img_H) {$(this).find("img").css({ "width": "100%", "height": "auto" })} else {$(this).find("img").css({ "width": "auto", "height": "100%" })}});}</script><script>$(function () {var obj = $("#image_style_11_1527128652268");var picItems = obj.find("li.imgItems");var num = 0;var picBox;picItems.click(function () {var topH = $(window).scrollTop();var index = $(this).index();var curPic = $(this).find("img").attr("src");num = index;var picBoxhtml = $("<div class='imgShowBox'><im" + "" + "g src='" + curPic + "' alt=''><div class='imgButton'><span class='prevImg'><i class='fa fa-angle-left'></i></span><span class='closeShowPic'>×</span><span class='nextImg'><i class='fa fa-angle-right'></i></span></div></div>");//"+""+"为了躲开图片延时加载的代码替换$("body").append(picBoxhtml);picBox = $(".imgShowBox");pdSize();//判断下一张和上一张按钮的显示if (picItems.length == 1) {$("body").find(".imgButton>.nextImg,.imgButton>.prevImg").css("visibility", "hidden")}if (picItems.length - 1 == $(this).index()) {$("body").find(".imgButton>.nextImg").css("visibility", "hidden")}if ($(this).index() == 0) {$("body").find(".imgButton>.prevImg").css("visibility", "hidden")}//关闭$("body").find(".imgButton>.closeShowPic").click(function () {$(".imgShowBox").remove();$("body").removeClass("pos_fixed");$(window).scrollTop(topH);});//下一张$("body").find(".imgButton>.nextImg").click(function () {$(".imgShowBox img").css("max-height", "none");var len = obj.find("li:has('img')").length;$(this).siblings().css("visibility", "visible");num++;if (num >= len) {num = len - 1;}if (num == len - 1) {$(this).css("visibility", "hidden");}curPics();pdSize();});//上一张$("body").find(".imgButton>.prevImg").click(function () {$(".imgShowBox img").css("max-height", "none");$(this).siblings().css("visibility", "visible");num--;if (num <= 0) {num = 0;$(this).css("visibility", "hidden");}curPics();pdSize();});});//切换大图function curPics() {var newImg = obj.find("li").eq(num).find("img").attr("src");picBox.find("img").attr("src", newImg);}//判断展开显示效果function pdSize() {var imgH = picBox.find("img").height();var winH = $(window).height();if (imgH > winH) {$("body").addClass("pos_fixed");picBox.addClass("scroll");picBox.animate({ "scrollTop": "0px" }, 200);} else {$("body").removeClass("pos_fixed");picBox.removeClass("scroll");$(".imgShowBox img").css("max-height", "80%");}}//遍历所有图片宽高定位picItems.each(function () {var img_W = $(this).find("img").width();var img_H = $(this).find("img").height();if (img_W < img_H) {$(this).find("img").css({ "width": "100%", "height": "auto" })} else {$(this).find("img").css({ "width": "auto", "height": "100%" })}});});</script></div></div></div></div><div id="layout_1527127363271" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"></div></div><div id="layout_1527127453295" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="text_style_01_1527129769869" class="view style_01 text  none wow pulse lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">动物是人类的朋友。宠物之恋，在于关爱</div></div></div></div><div id="layout_1527130103092" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"></div></div><div id="layout_1527148614130" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="div_a_includeBlock_1527148617835" class="view a_includeBlock div  none includeView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="newsList_style_07_1527131283647" class="view style_07 newsList  none wow fadeIn"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="newsList" class="view_contents"><div class="boxNewsListStyle_7"><ul><li class="modSet" style="display:block"><div class="newPic imgSet"><a href="xinwenxiangqing.html@newsid=19755" target="_self"><imgclass="News_img" src="img/upimages/wximg/199058_wx.jpg"></a><div class="zTm" style="margin-top:100%"></div></div><div class="newCont twoBgSet"><div class="newTitle"><a class="titleSet" href="xinwenxiangqing.html@newsid=19755"target="_self">幼犬为什么容易得犬瘟和细小</a></div><div class="newDetail detailSet pc">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div><div class="newDetail detailSet pad">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div><div class="newDetail detailSet mobile">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div></div></li><li class="modSet" style="display:block"><div class="newPic imgSet"><a href="xinwenxiangqing.html@newsid=19754" target="_self"><imgclass="News_img" src="img/upimages/wximg/1ddddss9958_wx.jpg"></a><div class="zTm" style="margin-top:100%"></div></div><div class="newCont twoBgSet"><div class="newTitle"><a class="titleSet" href="xinwenxiangqing.html@newsid=19754"target="_self">老年宠物护理成新兴行业</a></div><div class="newDetail detailSet pc">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div><div class="newDetail detailSet pad">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div><div class="newDetail detailSet mobile">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div></div></li><li class="modSet" style="display:block"><div class="newPic imgSet"><a href="xinwenxiangqing.html@newsid=19753" target="_self"><imgclass="News_img" src="img/upimages/wximg/199538_wx.jpg"></a><div class="zTm" style="margin-top:100%"></div></div><div class="newCont twoBgSet"><div class="newTitle"><a class="titleSet" href="xinwenxiangqing.html@newsid=19753"target="_self">如何给宠物洗澡</a></div><div class="newDetail detailSet pc">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div><div class="newDetail detailSet pad">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div><div class="newDetail detailSet mobile">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div></div></li></ul></div></div></div><div id="newsList_style_02_1527131469789"class="view style_02 newsList  none wow fadeIn lockHeightView" data-wow-duration='1s'data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="newsList" class="view_contents"><!---新闻列表区域--><div class="boxNewsListStyle_2"><ul id="boxNewsList"><li class="sumary_list modSet"><a href="xinwenxiangqing.html@newsid=19755" target="_self"><div class="newPic imgSet"><img class="News_img" src="img/upimages/wximg/199058_wx.jpg"><div class="zTm" style="margin-top:67%"></div></div></a><div class="newCont"><div class="newTitle "><div class="newName"><a class="titleSet" href="xinwenxiangqing.html@newsid=19755"target="_self">幼犬为什么容易得犬瘟和细小</a></div><div class="newB"><span class="newsTime timesSet"><spanclass="nDate">2018-06-04</span> <spanclass="nTime">17:02:55</span></span></div></div><a href="xinwenxiangqing.html@newsid=19755" target="_self"><div class="newDetail detailSet pc">据《温哥华太阳报》6月16日消息，日本是世界上人口出...</div><div class="newDetail detailSet pad">据《温哥华太阳报》6月16日消息，日本是...</div><div class="newDetail detailSet mobile">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div></a></div><div class="clear"></div></li><li class="sumary_list modSet"><a href="xinwenxiangqing.html@newsid=19754" target="_self"><div class="newPic imgSet"><img class="News_img" src="img/upimages/wximg/1ddddss9958_wx.jpg"><div class="zTm" style="margin-top:67%"></div></div></a><div class="newCont"><div class="newTitle "><div class="newName"><a class="titleSet" href="xinwenxiangqing.html@newsid=19754"target="_self">老年宠物护理成新兴行业</a></div><div class="newB"><span class="newsTime timesSet"><spanclass="nDate">2018-06-04</span> <spanclass="nTime">17:02:55</span></span></div></div><a href="xinwenxiangqing.html@newsid=19754" target="_self"><div class="newDetail detailSet pc">据《温哥华太阳报》6月16日消息，日本是世界上人口出...</div><div class="newDetail detailSet pad">据《温哥华太阳报》6月16日消息，日本是...</div><div class="newDetail detailSet mobile">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div></a></div><div class="clear"></div></li><li class="sumary_list modSet"><a href="xinwenxiangqing.html@newsid=19753" target="_self"><div class="newPic imgSet"><img class="News_img" src="img/upimages/wximg/199538_wx.jpg"><div class="zTm" style="margin-top:67%"></div></div></a><div class="newCont"><div class="newTitle "><div class="newName"><a class="titleSet" href="xinwenxiangqing.html@newsid=19753"target="_self">如何给宠物洗澡</a></div><div class="newB"><span class="newsTime timesSet"><spanclass="nDate">2018-06-04</span> <spanclass="nTime">17:02:55</span></span></div></div><a href="xinwenxiangqing.html@newsid=19753" target="_self"><div class="newDetail detailSet pc">据《温哥华太阳报》6月16日消息，日本是世界上人口出...</div><div class="newDetail detailSet pad">据《温哥华太阳报》6月16日消息，日本是...</div><div class="newDetail detailSet mobile">据《温哥华太阳报》6月16日消息，日本是世界上人口出生率最低但寿命却相对...</div></a></div><div class="clear"></div></li></ul></div><!---新闻列表区域 结束---></div></div><div id="text_style_01_1527130181584" class="view style_01 text  none wow fadeIn lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">PET INFORMATION</div></div><div id="text_style_01_1527130169177" class="view style_01 text  none wow fadeIn lockHeightView"data-wow-duration='1s' data-wow-delay='0.25s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents"><a href="chongwuzixun.html@pageid=16282" target='' style='color:inherit'class='link-type-1-'>宠物资讯</a></div></div></div></div></div></div><div id="layout_1527131718787" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"></div></div><div id="comm_layout_footer" class="layout  none" data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0'data-wow-iteration='1'><div class="view_contents"><div id="div_includeBlock_1527132054395" class="view includeBlock div  none includeView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="div" class="view_contents"><div id="image_style_01_1527132054486" class="view style_01 image  none" data-wow-duration='0s'data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle CompatibleImg"><a href='javascript:;' target=""><img class="picSet link-type-"src="img/footer/z_11/a1ffc05a8ee0bd7d1d3247d6dc679f88.png" title="" alt="描述"id="imageModeShow" /></a></div><!-- 新加的js  --></div></div><div id="text_style_02_1527132054488" class="view style_02 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">爱宠网官方微信</div></div><div id="image_style_01_1527132054491" class="view style_01 image  none" data-wow-duration='0s'data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle CompatibleImg"><a href='javascript:;' target=""><img class="picSet link-type-"src="img/footer/z_11/a1ffc05a8ee0bd7d1d3247d6dc679f88.png" title="" alt="描述"id="imageModeShow" /></a></div><!-- 新加的js  --></div></div><div id="text_style_02_1527132054493" class="view style_02 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">爱宠网官方微博</div></div><div id="text_default_1527132054495" class="view default text  none" data-wow-duration='0s'data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents"><p style="text-align:center;"><span style="color:#ffffff;">Copyright © 2020 . Trazos Allrights reserved. 技术支持</span></p></div></div><div id="image_style_01_1527132054502" class="view style_01 image  none" data-wow-duration='0s'data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle CompatibleImg"><a href='javascript:;' target=""><img class="picSet link-type-"src="img/footer/z_09/8b8d0c78bde65e37200ccc6b66c4c9de.png" title="" alt="描述"id="imageModeShow" /></a></div><!-- 新加的js  --></div></div><div id="text_style_02_1527132054508" class="view style_02 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">电话：爱宠网x</div></div><div id="text_style_02_1527132054510" class="view style_02 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">动物是人类的朋友。在这里，每一个热爱宠物的人 不但能找到他们想要的，而且能得到比他们想要的更多。</div></div><div id="dh_style_03_1527132054520" class="view style_03 dh  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="dh" class="view_contents"><div class="menuStyle_3"><div class="ddsmoothmenu-v"><ul class="menuUl01 columnSet"><li id="hot" class="menuLi01 mainMenuSet"><a href="index.html">首页</a></li><li class="menuLi01 mainMenuSet"><a href="chongwupinzhong.html">宠物品种</a></li><li class="menuLi01 mainMenuSet"><a href="chongwuyongpin.html">宠物用品</a></li><li class="menuLi01 mainMenuSet"><a href="chongwuzixun.html">宠物资讯</a></li><li class="menuLi01 mainMenuSet"><a href="lianxiwomen.html">联系我们</a></li></ul></div><div class="mobi_top" onclick="setDhListen('style_03',this,'mobi_top')"><i class="icoFont">=</i></div><div class="mobi_main"><div class="mobi_title"><i class="m_icoFont"onclick="setDhListen('style_03',this,'m_icoFont')">×</i></div><div class="header_nav"><div class="header_scroll"><ul class="mobi_menuUl01"><li class="mobi_menuLi01"><div class="mobi_border"><a href="index.html">首页</a></li><li class="mobi_menuLi01"><div class="mobi_border"><a href="chongwupinzhong.html">宠物品种</a></li><li class="mobi_menuLi01"><div class="mobi_border"><a href="chongwuyongpin.html">宠物用品</a></li><li class="mobi_menuLi01"><div class="mobi_border"><a href="chongwuzixun.html">宠物资讯</a></li><li class="mobi_menuLi01"><div class="mobi_border"><a href="lianxiwomen.html">联系我们</a></li></ul></div></div></div></div><!-- 菜单区域 End--></div></div><div id="text_style_01_1527132250701" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">关于我们</div></div><div id="text_style_01_1527132353164" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">菜单</div></div><div id="text_style_01_1527132372321" class="view style_01 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">二维码&nbsp;&nbsp;</div></div><div id="image_style_01_1527156594672" class="view style_01 image  none" data-wow-duration='0s'data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="image" class="view_contents"><div class="imgStyle CompatibleImg"><a href='javascript:;' target=""><img class="picSet link-type-" src="img/upimages/pkgimg/3333.png" title="" alt="描述"id="imageModeShow" /></a></div></div></div><div id="text_style_02_1527156664466" class="view style_02 text  none lockHeightView"data-wow-duration='0s' data-wow-delay='0s' data-wow-offset='0' data-wow-iteration='1'><div names="text" class="view_contents">地址：爱宠网</div></div></div></div></div></div></html>
部分网页截图

共6个网页
HTML期末作业-宠物网相关推荐

HTML期末作业----读书网（模仿豆瓣读书）
如下代码供学习交流,获取完整代码,请关注公众号(coding加油站)获取. 1.网页作品简介 : HTML期末大学生网页设计作业,模仿豆瓣读书,完美复刻,有登录注册界面,可单独作为登录注册的作业使用 ...
HTML5期末大作业：动物宠物主题网站设计——宠物网(8页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
HTML5期末大作业：宠物网网站设计——代码质量好-宠物网(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军事. ...
HTML5期末大作业：网页设计——小米商城官网首页(1页) HTML+CSS+JavaScript web期末作业设计网页_清新淡雅个人网页大学生网页设计作业成品
HTML5期末大作业:网页设计--小米商城官网首页(1页) HTML+CSS+JavaScript web期末作业设计网页_清新淡雅个人网页大学生网页设计作业成品常见网页设计作业题材有个人. 美食 ...
Springboot旅游网的设计与实现xb29f计算机毕业设计-课程设计-期末作业-毕设程序代做
Springboot旅游网的设计与实现xb29f计算机毕业设计-课程设计-期末作业-毕设程序代做 [免费赠送源码]Springboot旅游网的设计与实现xb29f计算机毕业设计-课程设计-期末作业-毕 ...
HTML5期末大作业：零食官网网站设计——美食零食官网(6页) html网页制作期末美食作业成品_小吃类网页设计期末作业
HTML5期末大作业:零食官网网站设计--美食零食官网(6页) html网页制作期末美食作业成品_小吃类网页设计期末作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. ...
【免费赠送源码】Springboot流浪宠物救助网站设计与实现92soy计算机毕业设计-课程设计-期末作业-毕设程序代做
[免费赠送源码]Springboot流浪宠物救助网站设计与实现92soy计算机毕业设计-课程设计-期末作业-毕设程序代做 [免费赠送源码]Springboot流浪宠物救助网站设计与实现92soy计算机 ...
HTML5期末大作业：直播网站设计——仿在线媒体歪秀直播官网模板html源码(11个页面) HTML+CSS+JavaScript 期末作业HTML代码
HTML5期末大作业:直播网站设计--仿在线媒体歪秀直播官网模板html源码(11个页面) HTML+CSS+JavaScript 期末作业HTML代码临近期末, 你还在为HTML网页设计结课作业, ...
Springboot美食网u1652计算机毕业设计-课程设计-期末作业-毕设程序代做
Springboot美食网u1652计算机毕业设计-课程设计-期末作业-毕设程序代做 [免费赠送源码]Springboot美食网u1652计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈 ...
HTML期末作业-宠物网

HTML期末大作业-宠物网

部分网页截图

HTML期末作业-宠物网相关推荐

最新文章

热门文章
