HTML期末作业-宠物网
生活随笔
收集整理的這篇文章主要介紹了
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">二維碼 </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期末作业-宠物网的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux 管理工具 scrt,Linu
- 下一篇： html怎么制作附页,HTML和CSS属