jQuery简单实用的网站公告上下滚动效果



238 950 317



特效描述: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

加群请备注:从官网了解到