master

分支 (1)

管理

管理

master

big-website
/
qapage.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创业问答</title>
    <!--公共样式-->
    <link rel="stylesheet" href="css/base.css">
    <!--本页面css-->
    <link rel="stylesheet" href="css/qapage.css">
    <!--导航栏css-->
    <link rel="stylesheet" href="css/style.css">
    <!--公用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--swiper-->
    <link rel="stylesheet" href="lib/swiper/swiper.min.css">
</head>
<body>
<!--回到顶部-->
<div class="backtop">
    <a href="#" class="">
        TOP
    </a>

</div>

<!--头部开始-->
<header>
    <div class="w header-w">
        <!--logo部分-->
        <div class="logo">
            <h1>
                <a href="/">

                </a>
            </h1>
        </div>

        <!--搜索框-->
        <div id="search" class="">
            <div class="search-m">
                <div class="form">
                    <button class="search-btn">
                        搜索
                    </button>
                    <input type="" name="" class="search-inp" style="color: rgb(153,153,153);"
                           placeholder="炸鸡、汉堡、麻辣烫...">

                </div>
            </div>
            <!--搜索热词-->
            <div class="search-word">
                <a href="javascript:void(0);">投资金额：</a>
                <a href="javascript:void(0);">3-5万</a>
                <a href="javascript:void(0);">5-10万</a>
                <a href="javascript:void(0);">15-20万</a>
                <a href="javascript:void(0);">20-30万</a>
            </div>
        </div>

        <!--三个图标-->
        <div class="join">
            <a href="javascript:void(0);">
                <img src="images/index/join01.png" alt="">
                <p>项目库</p>
            </a>
            <a href="javascript:void(0);">
                <img src="images/index/join02.png" alt="">
                <p>招商发布</p>
            </a>
            <a href="javascript:void(0);">
                <img src="images/index/join03.png" alt="">
                <p>展商入驻</p>
            </a>
        </div>
    </div>
</header>
<div id="swiper-container1">

</div>
<!--导航 Start-->

<div class="menu my-tab-cls">
    <div class="nav w">
        <ul class="clearfix">
            <li><a href="/">项目分类</a></li>
            <li><a href="/project.html">项目库</a></li>
            <li><a href="/info.html">行业资讯</a></li>
            <li><a href="javascript:void(0);">精选展会</a></li>
            <li><a href="javascript:void(0);" class="current">创业问答</a></li>
        </ul>
    </div>

</div>

<!--导航 End-->

<!--筛选 start-->
<div class="screen-box">
    <div class="screen ww">
        <ul class="crowd">
            <p>人群：</p>
            <li class="screen-active">不限</li>
            <li>小本创业</li>
            <li>大学生创业</li>
            <li>经商人士</li>
            <li>蓝领人士</li>
            <li>农民创业</li>
            <li>80后创业</li>
            <li>90后创业</li>
            <li>女性投资</li>
        </ul>
        <ul class="budget">
            <p>预算：</p>
            <li class="screen-active">不限</li>
            <li>1万元以下</li>
            <li>1-5万</li>
            <li>5-10万</li>
            <li>10-15万</li>
            <li>15-20万</li>
            <li>20-25万</li>
            <li>25-30万</li>
            <li>30-50万</li>
            <li>50-100万</li>
            <li>100万以上</li>
        </ul>
        <ul class="choice">
            <li class="chi1"></li>
            <li class="chi2"></li>
        </ul>
    </div>
</div>
<!--筛选 end-->


<!--正文开始-->
<main class="">
    <div class="ww">
        <div class="m-left">
            <ul class="ml-tab clearfix">
                <li class="mlt-active">
                    最新问题
                </li>
                <li>
                    热门问题
                </li>
            </ul>
            <div class="ml-item">
                <ul class="new-question">
                    <li>
                        <a href="/answer.html">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p class="qacont">叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="/answer.html">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>
                                    2现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？现在韩巴巴炸鸡店在上海可以加盟吗？</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
                <ul class="hot-question hide">
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/qapage/news_img.png" alt="">
                            <div class="news_text">
                                <h2>烤乳猪有加盟店么</h2>
                                <p>叶老爷烤乳猪加盟店的经营模式一样很灵活，为了适应现在的美食市场，现在加盟叶老爷烤乳猪，店面设址都是非常自由的，你可以在街边，也可以在学校附近或者流动贩卖都可以。</p>
                                <div>
                                    <span class="fl">2019-1-12</span>
                                    <span class="fr">
                                        <em>留言:（<i>1</i>）人</em>
                                        <em>点赞:（<i>1</i>）人</em>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="m-right">
            <!--品牌推荐-->
            <div class="mr-recommend">
                <div class="mrr-title">

                </div>
                <ul>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/problem/re01.png" alt="">
                            <div>
                                <p>煲百味</p>
                                <p>加盟费：<i>1-5万</i></p>
                                <p>已有：1245人申请加盟</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/problem/re02.png" alt="">
                            <div>
                                <p>煲百味</p>
                                <p>加盟费：<i>1-5万</i></p>
                                <p>已有：1245人申请加盟</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/problem/re03.png" alt="">
                            <div>
                                <p>煲百味</p>
                                <p>加盟费：<i>1-5万</i></p>
                                <p>已有：1245人申请加盟</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <img src="images/problem/re04.png" alt="">
                            <div>
                                <p>煲百味</p>
                                <p>加盟费：<i>1-5万</i></p>
                                <p>已有：1245人申请加盟</p>
                            </div>
                        </a>
                    </li>
                </ul>
                <a href="javascript:void(0);" class="huan recommend-huan">
                    <img src="images/problem/huan.png" alt="">
                    <i>换一批</i>
                </a>
            </div>
            <!--最新资讯-->
            <div class="mr-news">
                <div class="mrn-title">

                </div>
                <ul>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">创业加盟还是自营比较好，看过创业加盟还是自营比较好，看过...</a>
                    </li>
                </ul>
            </div>

            <!--热门标签-->
            <div class="mr-hotlabel">
                <!--标题-->
                <div class="mrh-title">

                </div>
                <!--选择区域-->
                <ul class="clearfix label-nav">
                    <li><a href="javascript:void(0);">麻辣烫</a></li>
                    <li><a href="javascript:void(0);">酸辣粉</a></li>
                    <li><a href="javascript:void(0);">炸鸡</a></li>
                    <li><a href="javascript:void(0);">炒饭</a></li>
                    <li><a href="javascript:void(0);">麻辣香锅</a></li>
                    <li><a href="javascript:void(0);">饮品</a></li>
                    <li><a href="javascript:void(0);">小吃</a></li>
                </ul>
                <a href="javascript:void(0);" class="huan hot-huan">
                    <img src="images/problem/huan.png" alt="">
                    <i>换一批</i>
                </a>
            </div>

            <!--精选问答-->
            <div class="selectedqa">
                <!--标题-->
                <div class="selqa-title">

                </div>
                <ul class="sel-nav">
                    <li>
                        <a href="javascript:void(0);">现在韩巴巴炸鸡店在上海可以加盟吗？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            加盟果然爱冰淇淋要多少钱?
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">2019有味少年加盟费多少？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">在武威加盟蜀帅火不火？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">想去暖小稻考察怎么预约时间?</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">现在韩巴巴炸鸡店在上海可以加盟吗？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">加盟果然爱冰淇淋要多少钱?</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">2019有味少年加盟费多少？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">在武威加盟蜀帅火不火？</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">想去暖小稻考察怎么预约时间?</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</main>


<script src="lib/jq/jquery-1.10.2.min.js"></script>
<script src="lib/jq/jquery.ellipsis.js"></script>
<script src="lib/jq/jquery.ellipsis.unobtrusive.js"></script>

<!--导航栏的js-->
<script src="js/tab.js"></script>
<!--swiper-->
<script src="lib/swiper/swiper.min.js"></script>
<script src="js/common.js"></script>

<script>
    $(function () {
        // 顶部筛选数组的启动
        var crowd = $(".crowd"),
            budget = $(".budget"),
            // 存放已经筛选的条件的ul列表
            choice = $(".choice"),
            contentArr1 = [],
            contentArr2 = [];


        crowd.on("click", "li", function () {
            var thisContent = $(this).html();
            console.log(thisContent)
            if (thisContent !== crowd.children("li").eq(0).html() || thisContent !== crowd.children("li").eq(1).html()) {

                if (contentArr1.indexOf(thisContent) === -1) {
                    contentArr1.push(thisContent);
                    if (contentArr1.length > 1) {
                        contentArr1.shift()
                    }
                    $(".chi1").html(contentArr1[0])
                    $(this).addClass("screen-active").siblings().removeClass("screen-active")
                    // console.log(contentArr1)
                }
            }
        })

        budget.on("click", "li", function () {
            var thisContent = $(this).html();
            console.log(thisContent)
            if (thisContent !== budget.children("li").eq(0).html() || thisContent !== budget.children("li").eq(1).html()) {

                if (contentArr2.indexOf(thisContent) === -1) {
                    contentArr2.push(thisContent);
                    if (contentArr2.length > 1) {
                        contentArr2.shift()
                    }
                    $(".chi2").html(contentArr2[0])
                    $(this).addClass("screen-active").siblings().removeClass("screen-active")
                    // console.log(contentArr2)
                }
            }
        })


        // 新闻tab栏切换
        $(".ml-tab").on("click", "li", function () {
            $(this).addClass("mlt-active").siblings().removeClass("mlt-active")
            $(".ml-item ul").eq($(this).index()).show().siblings().hide()
        })

        // 换一批按钮动画
        function huanAnimation(ele) {
            $(ele).on("click", function () {
                $(ele).children("img").addClass("runanimation")
                setTimeout(function () {
                    $(ele).children("img").removeClass("runanimation")
                }, 2000)
            })
        }

        huanAnimation(".hot-huan")
        huanAnimation(".recommend-huan")

        // $(".qacont").ellipsis({maxWidth:405,maxLine:3});
    })
</script>
<script>

</script>
</body>
</html>