標籤鼠標移動切換標籤欄

標籤

<div class="actnav">
            <ul>
                <li class="cur">參賽作品</li>
                <li>參與方式</li>
                <li>參賽要求</li>
                <li>獎項設置</li>
            </ul>
            <p>注意：大賽將分爲四次評選，分別在4月、5月、6月31日前爲月度評選，7月10日-15日爲總決賽評選。</p>

            <p><a href="#list" class="hpfr">> 查看參賽作品要求 <</a></p>
        </div>

標籤欄

<div class="sub">
<div class="wp cl">
    <div class="sub_hd">
        <h5>活動簡介</h5>
    </div>
    <div class="jianjie">
        <p>
            互聯網移動通信的高速發展，汕頭聯通喜迎4G時代的到來，爲向廣大移動用戶宣傳4G網絡不可比擬的“傳輸高質量視頻圖像”優越性，感受互聯網移動通信時代給人們日常生活帶來日新月異的科學應用，攜手汕頭攝影家協會聯合舉辦汕頭聯通手機攝影大賽。本次大賽以“喜迎4G時代，汕頭沃精彩”爲主題，圍繞精緻汕頭、智慧汕頭，建設理想美麗幸福家園爲主題內容，作品以記錄汕頭城市發展和歷史文化的精彩瞬間、體現社會的和諧發展爲主旨，以社會紀實攝影爲主，兼顧人文風俗、景觀。<br>
            通過本次手機攝影大賽，爲廣大愛好攝影的客戶搭建一個展示才華、互動交流的平臺，利用4G網絡優勢將攝影與聯通網絡相結合，宣傳網絡優勢，讓更多用戶體驗到聯通4G的優質網絡服務。</p>
    </div>
    <div class="mt20">
        <div class="sub_hd">
            <h5>月度入選獲獎作品</h5>
        </div>
        <ul class="kwicks">
            <li id='panel-1'></li>
            <li id='panel-2'></li>
            <li id='panel-3'></li>
            <li id='panel-4'></li>
            <li id='panel-5'></li>
            <li id='panel-6'></li>
            <li id='panel-7'></li>
            <li id='panel-8'></li>
        </ul>
    </div>
</div>
<div class="wp cl" style="display:none;">
    <!-- <div class="sub_hd">
    <h5>大賽概括</h5>
    <p>冠名：中國聯通汕頭分公司<br>聯合主辦：中國聯通汕頭分公司 藍色河畔 </p>
    </div> -->
    <div class="sub_hd">
        <h5>參與方式</h5>

        <p>
            <img src="source/plugin/votesys/template/20140404liantong/images/cyfs.png">
        </p>
    </div>
</div>
<div class="wp cl" style="display:none;">
    <div class="sub_hd">
        <h5>參賽要求</h5>

        <p>
            1、參賽作品的內容必須體現積極健康、和諧進步的作品爲佳，不得含有低級趣味等不健康內容，不存在抄襲與作弊。<br>
            2、本次活動作品要求採用手機拍攝，參賽作品要求真實記錄，除對影調、色彩進行適度調整及構圖剪裁外不得修改原始影像，非手機拍攝或經過電腦加工製作的作品，將被取消參賽資格（必須保留完整的照片信息）。<br>
            3、參賽作品規格爲800*600以上的像素，格式爲JPE或GIF，數量不限；作品需註明作品名稱、作者姓名、聯繫電話、微信、qq、郵箱，資料不齊，恕不評選；<br>
            4、所有入選獲獎作品，主辦單位有使用權（包括用於展覽、出版物、媒體網絡宣傳等），不另付稿酬。所有入選獲獎作品如涉及著作權、版權、肖像權或名譽權糾紛，均由作者本人負責。<br>
            5、投稿者均視爲同意並遵守以上各條規定。凡存在著作權問題，違背以上規定，主辦單位有權取消其參賽參展資格。<br>
        </p>
    </div>
    <div class="sub_hd">
        <h5>大賽時間</h5>

        <p>
            活動時間：2014年4月-2014年7月
        </p>
    </div>
</div>
<div class="wp cl" style="display:none;">
    <div class="sub_hd">
        <h5>
            獎項設置
        </h5>
    </div>
    <div class="jplist cl">
        <ul>
            <li>
                <div class="jpimg"><img src="source/plugin/votesys/template/20140404liantong/images/jpimg.png"></div>
                <h4>一等獎<i>(1名)</i></h4>

                <p>小米3手機一部</p></li>
            <li>
                <div class="jpimg"><img src="source/plugin/votesys/template/20140404liantong/images/jpimg1.png"></div>
                <h4>二等獎<i>(2名)</i></h4>

                <p>紅米手機一部</p></li>
            <li>
                <div class="jpimg"><img src="source/plugin/votesys/template/20140404liantong/images/jpimg2.png"></div>
                <h4>三等獎<i>(5名)</i></h4>

                <p>無線上網卡半年（不含設備）</p></li>

            <li>
                <div class="jpimg"><img src="source/plugin/votesys/template/20140404liantong/images/jpimg4.png"></div>
                <h4>人氣獎<i>(20名)</i></h4>

                <p>充值卡100元 </p></li>
            <li>
                <div class="jpimg"><img src="source/plugin/votesys/template/20140404liantong/images/jpimg5.png"></div>
                <h4>雙月度入選獎<i>(90名)</i></h4>

                <p>充值卡50元</p></li>
        </ul>
    </div>
</div>
</div>

jqery代碼

jq('.actnav li').hover(function () {
        jq(this).addClass('cur').siblings().removeClass('cur');
        jq('.sub .wp').eq(jq(this).index()).show().siblings().hide();
    });