jQuery簡單實用的網站公告上下滾動效果



250 996 333



特效描述:jQuery 網站公告上下滾動,jQuery超簡單實用的網站公告輪播效果(上下輪播翻動),使用的是最基礎的css + js ,適合新手借鑒使用。

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>

2. HTML代碼

    <div class="huadong">
        <div class="huabox">
        <div class="hdimg"><img src="image/lingdang.png"></div>
        <h5>【公告】</h5>
            <div class="notice_active">
                <ul>
                    <li class="notice_active_ch">
                        <span>滑動輪播1a去哦我我iwoi我i滑動輪播3滑</span>                
                        <em>2017-01-18</em>
                    </li>
                    <li class="notice_active_ch">
                        <span>滑動輪播2滑動輪播3</span>                
                        <em>2017-01-18</em>
                    </li>
                    <li class="notice_active_ch">
                        <span>滑動輪播3滑動輪播3</span>                
                        <em>2017-01-18</em>
                    </li>
                </ul>   
            </div>
            <div class="gg_more">
                 <a class="news_ck" href="javascript:void(0)">查看詳情</a>
                 <a title="news_more" href="#">更多+</a>
            </div>
        </div>
    </div>  



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 自動滾動圖片輪播 文字滾動 文字無縫滾動 文字間歇滾動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子