master

分支 (1)

管理

管理

master

menu
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>简洁时尚的jQuery和CSS3侧边栏菜单插件</title>
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="main">
	<div class="advertise">
		<div class="content">提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~提示文字~~~~~~~~~~~~~~~~~~~~</div>
		<div id="close-advertise">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
				<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
					<g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#FFFFFF">
						<rect x="0" y="7" width="16" height="2" rx="1"/>
						<rect opacity="1" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000) " x="0" y="7" width="16" height="2" rx="1"/>
					</g>
				</g>
			</svg>
		</div>
	</div>
	<div class="header">
		<div class="left-menu">
			<!--图站LOGO开始-->
			<a class="logo" href="http://www.petsoo.com"><img src="image/petsoo.png"/></a>
			<!--图站LOGO结束-->
		</div>
		<div class="right-menu">
		<!--图标链接-->
			<a href="javascript:;" class="menulink">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
				<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
					<polygon points="0 0 24 0 24 24 0 24"/>
					<path d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z" fill="#000000" fill-rule="nonzero" opacity="0.3"/>
					<path d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z" fill="#333" fill-rule="nonzero"/>
				</g>
			</svg>
			</a>
			<a class="menulink">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
				<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
					<rect x="0" y="0" width="24" height="24"/>
					<path d="M18.1446364,11.84388 L17.4471627,16.0287218 C17.4463569,16.0335568 17.4455155,16.0383857 17.4446387,16.0432083 C17.345843,16.5865846 16.8252597,16.9469884 16.2818833,16.8481927 L4.91303792,14.7811299 C4.53842737,14.7130189 4.23500006,14.4380834 4.13039941,14.0719812 L2.30560137,7.68518803 C2.28007524,7.59584656 2.26712532,7.50338343 2.26712532,7.4104669 C2.26712532,6.85818215 2.71484057,6.4104669 3.26712532,6.4104669 L16.9929851,6.4104669 L17.606173,3.78251876 C17.7307772,3.24850086 18.2068633,2.87071314 18.7552257,2.87071314 L20.8200821,2.87071314 C21.4717328,2.87071314 22,3.39898039 22,4.05063106 C22,4.70228173 21.4717328,5.23054898 20.8200821,5.23054898 L19.6915238,5.23054898 L18.1446364,11.84388 Z" fill="#333" opacity="0.3"/>
					<path d="M6.5,21 C5.67157288,21 5,20.3284271 5,19.5 C5,18.6715729 5.67157288,18 6.5,18 C7.32842712,18 8,18.6715729 8,19.5 C8,20.3284271 7.32842712,21 6.5,21 Z M15.5,21 C14.6715729,21 14,20.3284271 14,19.5 C14,18.6715729 14.6715729,18 15.5,18 C16.3284271,18 17,18.6715729 17,19.5 C17,20.3284271 16.3284271,21 15.5,21 Z" fill="#333"/>
				</g>
				</svg>
				<span>5</span>
			</a>
			<button id="sidenav-toggle" type="button" class="toggle">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<rect x="0" y="0" width="24" height="24"/>
						<rect fill="#000000" opacity="0.3" x="4" y="4" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="4" y="10" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="10" y="4" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="10" y="10" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="16" y="4" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="16" y="10" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="4" y="16" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="10" y="16" width="4" height="4" rx="2"/>
						<rect fill="#000000" x="16" y="16" width="4" height="4" rx="2"/>
					</g>
				</svg>
			</button>
			<!--图标链接-->
		</div>
	</div>

<nav class="sidenav" data-sidenav data-sidenav-toggle="#sidenav-toggle">
	<div class="sidenav-header">
		<div id="close-sidenav" class="close">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#FFFFFF">
					<rect x="0" y="7" width="16" height="2" rx="1"/>
					<rect opacity="1" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000) " x="0" y="7" width="16" height="2" rx="1"/>
				</g>
			</g>
			</svg>
		</div>
		<div class="info"><!--放想要的内容--></div>
	</div>
	<ul class="sidenav-menu">
		<li>
			<a target="_blank" href="http://www.petsoo.com/" class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">一级新窗口打开</span>
			</a>
		</li>
		<li>
			<a href="http://www.petsoo.com/" class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">一级本窗口打开</span>
			</a>
		</li>
		<li>
			<a href="javascript:;" data-sidenav-dropdown-toggle class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">有二级菜单</span>
				<!--图标箭头区域不可修改 开始-->
				<span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<polygon points="0 0 24 0 24 24 0 24"/>
			<path opacity="0.8"
			      d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			      fill="#a2a3b7" fill-rule="nonzero"
			      transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "/>				</g>
			</svg>
          </span>
				<span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			              fill="#a2a3b7" fill-rule="nonzero"/>
			    </g>
			</svg>
          </span>
				<!--图标箭头区域不可修改 结束-->
			</a>
			<ul class="sidenav-dropdown" data-sidenav-dropdown>
				<li><a target="_blank" href="http://www.petsoo.com/">二级新窗口</a></li>
				<li><a href="http://www.petsoo.com/">二级本窗口</a></li>
			</ul>
		</li>
		<li>
			<a href="javascript:;" data-sidenav-dropdown-toggle class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">有二级菜单</span>
				<!--图标箭头区域不可修改 开始-->
				<span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<polygon points="0 0 24 0 24 24 0 24"/>
			<path opacity="0.8"
			      d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			      fill="#a2a3b7" fill-rule="nonzero"
			      transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "/>				</g>
			</svg>
          </span>
				<span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			              fill="#a2a3b7" fill-rule="nonzero"/>
			    </g>
			</svg>
          </span>
				<!--图标箭头区域不可修改 结束-->
			</a>
			<ul class="sidenav-dropdown" data-sidenav-dropdown>
				<li><a target="_blank" href="http://www.petsoo.com/">二级新窗口</a></li>
				<li><a href="http://www.petsoo.com/">二级本窗口</a></li>
			</ul>
		</li>
		<li>
			<a href="javascript:;" data-sidenav-dropdown-toggle class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">有二级菜单</span>
				<!--图标箭头区域不可修改 开始-->
				<span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<polygon points="0 0 24 0 24 24 0 24"/>
			<path opacity="0.8"
			      d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			      fill="#a2a3b7" fill-rule="nonzero"
			      transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "/>				</g>
			</svg>
          </span>
				<span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			              fill="#a2a3b7" fill-rule="nonzero"/>
			    </g>
			</svg>
          </span>
				<!--图标箭头区域不可修改 结束-->
			</a>
			<ul class="sidenav-dropdown" data-sidenav-dropdown>
				<li><a target="_blank" href="http://www.petsoo.com/">二级新窗口</a></li>
				<li><a href="http://www.petsoo.com/">二级本窗口</a></li>
			</ul>
		</li>
		<li>
			<a href="javascript:;" data-sidenav-dropdown-toggle class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">有二级菜单</span>
				<!--图标箭头区域不可修改 开始-->
				<span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<polygon points="0 0 24 0 24 24 0 24"/>
			<path opacity="0.8"
			      d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			      fill="#a2a3b7" fill-rule="nonzero"
			      transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "/>				</g>
			</svg>
          </span>
				<span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			              fill="#a2a3b7" fill-rule="nonzero"/>
			    </g>
			</svg>
          </span>
				<!--图标箭头区域不可修改 结束-->
			</a>
			<ul class="sidenav-dropdown" data-sidenav-dropdown>
				<li><a target="_blank" href="http://www.petsoo.com/">二级新窗口</a></li>
				<li><a href="http://www.petsoo.com/">二级本窗口</a></li>
			</ul>
		</li>
		<li>
			<a href="javascript:;" data-sidenav-dropdown-toggle class="active">
          <span class="sidenav-link-icon">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.50558119,3.06113043 C6.66317376,3.02121083 6.82822245,3 6.9982252,3 L16.9982252,3 C17.1682279,3 17.3332766,3.02121083 17.4908692,3.06113043 C18.322432,3.11551159 19.0643081,3.69008685 19.2919771,4.53975934 L22.6566247,17.0967951 C22.7995665,17.6302612 22.4829841,18.1785981 21.9495179,18.32154 L15.1880372,20.1332733 C14.6545711,20.2762151 14.1062341,19.9596326 13.9632923,19.4261665 L11.9982252,12.0924362 L10.0331581,19.4261665 C9.89021629,19.9596326 9.34187933,20.2762151 8.80841323,20.1332733 L2.04693244,18.32154 C1.51346634,18.1785981 1.19688385,17.6302612 1.33982566,17.0967951 L4.70447325,4.53975934 C4.9321423,3.69008685 5.67401838,3.11551159 6.50558119,3.06113043 Z"
			              fill="#a2a3b7"/>
			    </g>
			</svg>
          </span>
				<span class="sidenav-link-title">有二级菜单</span>
				<!--图标箭头区域不可修改 开始-->
				<span class="sidenav-dropdown-icon show" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<polygon points="0 0 24 0 24 24 0 24"/>
			<path opacity="0.8"
			      d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			      fill="#a2a3b7" fill-rule="nonzero"
			      transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "/>				</g>
			</svg>
          </span>
				<span class="sidenav-dropdown-icon" data-sidenav-dropdown-icon>
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                 height="24px" viewBox="0 0 24 24" version="1.1">
			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			        <polygon points="0 0 24 0 24 24 0 24"/>
			        <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
			              fill="#a2a3b7" fill-rule="nonzero"/>
			    </g>
			</svg>
          </span>
				<!--图标箭头区域不可修改 结束-->
			</a>
			<ul class="sidenav-dropdown" data-sidenav-dropdown>
				<li><a target="_blank" href="http://www.petsoo.com/">二级新窗口</a></li>
				<li><a href="http://www.petsoo.com/">二级本窗口</a></li>
			</ul>
		</li>
	</ul>
</nav>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/sidenav.min.js"></script>
<script>
    $('[data-sidenav]').sidenav();
    $("#close-sidenav").click(function () {
        $(".sidenav").removeClass('show');
        $(".sidenav-overlay").css('display', 'none');
    });
    $("#close-advertise").click(function () {
        $(".advertise").css('display', 'none');
    });
    $("[data-sidenav-dropdown-toggle]").click(function () {
        $(this).parent().parent('.sidenav-menu').children('li').find('.sidenav-dropdown').css('display', 'none');
        $(this).parent().parent('.sidenav-menu').children('li').children('a').find('span.sidenav-link-title').next().next().removeClass('show');
        $(this).parent().parent('.sidenav-menu').children('li').children('a').find('span.sidenav-link-title').next().addClass('show');
    });
</script>
	<div class="contain">
		<!---内容编辑区域-->
		<table width="100%" height="551" border="1">
			<tr>
				<th bgcolor="#0099FF" scope="col">&nbsp;</th>
				<th bgcolor="#0099FF" scope="col">&nbsp;</th>
				<th bgcolor="#0099FF" scope="col">&nbsp;</th>
				<th bgcolor="#0099FF" scope="col">&nbsp;</th>
				<th bgcolor="#0099FF" scope="col">&nbsp;</th>
			</tr>
			<tr>
				<th bgcolor="#996699" scope="row">&nbsp;</th>
				<td bgcolor="#996699">&nbsp;</td>
				<td bgcolor="#996699">&nbsp;</td>
				<td bgcolor="#996699">&nbsp;</td>
				<td bgcolor="#996699">&nbsp;</td>
			</tr>
			<tr>
				<th bgcolor="#00FFCC" scope="row">&nbsp;</th>
				<td bgcolor="#00FFCC">&nbsp;</td>
				<td bgcolor="#00FFCC">&nbsp;</td>
				<td bgcolor="#00FFCC">&nbsp;</td>
				<td bgcolor="#00FFCC">&nbsp;</td>
			</tr>
			<tr>
				<th bgcolor="#CC99CC" scope="row">&nbsp;</th>
				<td bgcolor="#CC99CC">&nbsp;</td>
				<td bgcolor="#CC99CC">&nbsp;</td>
				<td bgcolor="#CC99CC">&nbsp;</td>
				<td bgcolor="#CC99CC">&nbsp;</td>
			</tr>
			<tr>
				<th bgcolor="#FFCC33" scope="row">&nbsp;</th>
				<td bgcolor="#FFCC33">&nbsp;</td>
				<td bgcolor="#FFCC33">&nbsp;</td>
				<td bgcolor="#FFCC33">&nbsp;</td>
				<td bgcolor="#FFCC33">&nbsp;</td>
			</tr>
		</table>
		<!--内容编辑区域结束-->
	</div>
</div>
</body>
</html>