zhubajie
/
shouye.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="css/shouye.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
	</head>
	<body>
		<header class="header">
			<div class="leftheader">
				<dl>
					<dt><img src="images/shouye_03.png"/></dt>
					<dd>分类</dd>
				</dl>
			</div>
			<div class="centerheader">
				<input type="text" placeholder="请输入要搜索的内容"/>
			</div>
			<div class="rightheader">
				<dl>
					<dt><img src="images/shouye_05.png"/></dt>
					<dd>发需求</dd>
				</dl>
			</div>
		</header>
		<img src="images/banner.png" style="width: 100%;"/>
		<nav class="shouyenav">
			<dl>
				<dt><img src="images/shouye_10.png"/></dt>
				<dd>企业服务</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_12.png"/></dt>
				<dd>品牌设计</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_14.png"/></dt>
				<dd>企业营销</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_16.png"/></dt>
				<dd>电商服务</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_18.png"/></dt>
				<dd>技术开发</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_24.png"/></dt>
				<dd>工业制造</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_25.png"/></dt>
				<dd>工程设计</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_26.png"/></dt>
				<dd>生活服务</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_27.png"/></dt>
				<dd>天蓬网</dd>
			</dl>
			<dl>
				<dt><img src="images/shouye_28.png"/></dt>
				<dd>全部分类</dd>
			</dl>

		</nav>
		<section class="bajietoutiao">
			<p>八戒<span>头条</span></p>
			<p>利用业余时间赚点小钱!</p>
		</section>
		<div class="swiper-container swiper-container1 index_play">
        <div class="swiper-wrapper">
             <div class="swiper-slide">
                <img src="images/shouye_34.png" style="width: 100%;">
            </div>
            <div class="swiper-slide">
                <img src="images/shouye_34.png" style="width: 100%;">
            </div>
            <div class="swiper-slide">
                 <img src="images/shouye_34.png" style="width: 100%;">
            </div>
            <div class="swiper-slide">
                 <img src="images/shouye_34.png" style="width: 100%;">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <!--<div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>-->
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
		<section class="knowlege">
    	<p>
    		<img src="images/shouye_37.png"/>
    		企业基础服务</p>
    	<ul>
    		<li>版权登记</li>
    		<li>商标购买</li>
    		<li>专利申请</li>
    		<li>商标设计</li>
    	</ul>
    </section>
    <p class="zcdz">
    	<img src="images/shouye_48.png"/>
    	品牌设计
    </p>
    <section class="daizhangfuwu">

    	<dl>
    		<dd>
    			<p>公司注册</p>
    			<span>送5000元建站礼包</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_32.png"/></dt>
    	</dl>
    	<dl>
    		<dd>
    			<p>代理记账</p>
    			<span>送5000元建站礼包</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_35.png"/></dt>
    	</dl>
    </section>
    <p class="zcdz">
    	<img src="images/shouye_50.png"/>
    	营销推广
    </p>
    <section class="daizhangfuwu">

    	<dl>
    		<dd>
    			<p>免费法律咨询</p>
    			<span>首次咨询免费</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_40.png"/></dt>
    	</dl>
    	<dl>
    		<dd>
    			<p>免费合同范本</p>
    			<span>企业规避风险必备</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_42.png"/></dt>
    	</dl>
    </section>
    <p class="zcdz">
    	<img src="images/shouye_52.png"/>
    	电商服务
    </p>
    <section class="daizhangfuwu">

    	<dl>
    		<dd>
    			<p>公司注册</p>
    			<span>送5000元建站礼包</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_32.png"/></dt>
    	</dl>
    	<dl>
    		<dd>
    			<p>代理记账</p>
    			<span>送5000元建站礼包</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_35.png"/></dt>
    	</dl>
    </section>
    <p class="zcdz">
    	<img src="images/shouye_54.png"/>
       	 技术开发
    </p>
    <section class="daizhangfuwu">

    	<dl>
    		<dd>
    			<p>免费法律咨询</p>
    			<span>首次咨询免费</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_40.png"/></dt>
    	</dl>
    	<dl>
    		<dd>
    			<p>免费合同范本</p>
    			<span>企业规避风险必备</span>
    		</dd>
    		<dt><img src="images/qiyefuwu_42.png"/></dt>
    	</dl>
    </section>
    <div class="swiper-container swiper-container2 index_play">
        <div class="swiper-wrapper">
             <div class="swiper-slide">
                <img src="images/shouye_56.png" style="width: 100%;">
            </div>
            <div class="swiper-slide">
                <img src="images/shouye_56.png" style="width: 100%;">
            </div>
            <div class="swiper-slide">
                 <img src="images/shouye_56.png" style="width: 100%;">
            </div>
            <div class="swiper-slide">
                 <img src="images/shouye_56.png" style="width: 100%;">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <!--<div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>-->
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    <p class="zcdz">

    	风云榜
    </p>
    <section class="daizhangfuwu">

    	<dl>
    		<dd>
    			<p>公司注册</p>
    			<span>送5000元建站礼包</span>
    		</dd>
    		<dt><img src="images/shouye_59.png"/></dt>
    	</dl>
    	<dl>
    		<dd>
    			<p>代理记账</p>
    			<span>送5000元建站礼包</span>
    		</dd>
    		<dt><img src="images/shouye_61.png"/></dt>
    	</dl>
    </section>
    <p class="zcdz">

    	慧体验
    </p>
    <section class="daizhangfuwu">

    	<dl>
    		<dd>
    			<p>免费法律咨询</p>
    			<span>首次咨询免费</span>
    		</dd>
    		<dt><img src="images/shouye_59.png"/></dt>
    	</dl>
    	<dl>
    		<dd>
    			<p>免费合同范本</p>
    			<span>企业规避风险必备</span>
    		</dd>
    		<dt><img src="images/shouye_61.png"/></dt>
    	</dl>
    </section>
    <nav class="likenav">
    	<li>猜你喜欢</li>
    	<li>推荐服务商</li>
    	<li>推荐案例</li>
    </nav>
    <div class="likenavbox">
    	<div style="display: block;">
    		<dl>
    			<dt><img src="images/shouye_70.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_73.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_75.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_77.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_79.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_70.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    	</div>
    	<div style="display: none;">
    		<dl>
    			<dt><img src="images/shouye_77.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_73.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_75.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_77.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_79.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_70.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    	</div>
    	<div style="display: none;">
    		<dl>
    			<dt><img src="images/shouye_73.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_73.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_75.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_77.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_79.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    		<dl>
    			<dt><img src="images/shouye_70.png"/></dt>
    			<dd>
    				<p>【百科词条创建修改】百度|360|搜狗|互动|口碑整合推广</p>
    				<p>￥2500元起</p>
    				<p>
    					<span>广告</span>
    					<span>营销综合广告</span>
    					<span>杭州|已成交261笔</span>
    				</p>
    			</dd>
    		</dl>
    	</div>
    </div>
    <footer class="footer">
			<dl>
				<dt><img src="images/wode_29.png"/></dt>
				<dd>首页</dd>
			</dl>
			<dl>
				<dt><img src="images/wode_31.png"/></dt>
				<dd>附近</dd>
			</dl>
			<dl>
				<dt><img src="images/wode_34.png"/></dt>
				<dd>咨询</dd>
			</dl>
			<dl>
				<dt><img src="images/wode_37.png"/></dt>
				<dd>消息</dd>
			</dl>
			<dl>
				<dt><img src="images/wode_39.png"/></dt>
				<dd>我</dd>
			</dl>
		</footer>
	<div class="rocket"></div>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/swiper.js"></script>
    <script>
    	$(function(){
    		var swiper = new Swiper('.index_play', {
                        loop: true,
                        autoplay: 1000,
                        autoplayDisableOnInteraction : false,
                        pagination: ".swiper-pagination"
                   });
            var swiper = new Swiper('.swiper-container2', {
                        loop: true,
                        autoplay: 1000,
                        autoplayDisableOnInteraction : false,
                        pagination: ".swiper-pagination"
                    })
    	})
    	$(function(){
			//响应窗口的滚动事件
			$(window).scroll(function(){
				//首先得到当前视口高度
				var nowHeight = $(this).height();
				//得到滚动条的偏移距离
				var st = $(this).scrollTop();

			//在函数中检查滚动条的偏移距离，并判断该距离是否已经大于单屏的高度（也就是当前视口的高度）
			if(st > 300){
				//如果已经大于单屏高度，那么就显示火箭
				$('.rocket').show();
			}else{
			    //否则不大于单屏高度，那么就隐藏火箭
			    $('.rocket').hide();
			}
			//鼠标移入时，火箭的火苗开始抖动
			$('.rocket').mouseenter(function(){
				$(this).addClass('hover');
			}).mouseleave(function(){
				$(this).removeClass('hover');
				//响应火箭的鼠标单击事件
			}).click(function(){
				$('html,body').stop().animate({scrollTop:0});
			})

			})
		})
    	$(function(){
    		$('.likenav li').click(function(){
    			var index = $(this).index();
    			$(this).css("border-bottom","3px solid blue").siblings().css("border-bottom","none");
    			$('.likenavbox>div').eq(index).show().siblings().hide();
    		})
    	})
    	$(function(){

    		$('.footer dl').eq(0).click(function(){
    			location.href = "html/shouye.html";
    		})
    		$('.footer dl').eq(1).click(function(){
    			location.href = "html/fujin.html";
    		})
    		$('.footer dl').eq(2).click(function(){
    			location.href = "html/daren.html";
    		})
    		$('.footer dl').eq(3).click(function(){
    			location.href = "html/xiaoxi.html";
    		})
    		$('.footer dl').eq(4).click(function(){
    			location.href = "html/wode.html";
    		})
    		$('.shouyenav dl').eq(0).click(function(){
    			location.href = "html/qiyefuwu.html";
    		})
    		$('.leftheader').click(function(){
    			location.href = "html/fenlei.html";
    		})
    		$('.rightheader').click(function(){
    			location.href = "html/faxuqiu.html";
    		})
    		$('.centerheader').click(function(){
    			location.href = "html/search.html";
    		})
    	})
    </script>
	</body>
</html>