jQuery开发公告自动上下滚动轮播插件

92建站   2021-11-13   收藏本文

这套jQuery开发公告自动上下滚动轮播插件,绝对是超级实用的网站公告上下轮播翻动特效,想要使用这个特效的朋友别的不用看了,直接使用这个吧。

使用方法:

<script type="text/javascript">
function timer(opj){
    $(opj).find('ul').animate({
        marginTop : "-3.5rem"  
        },500,function(){  
        $(this).css({marginTop : "0.7rem"}).find("li:first").appendTo(this);  
    })  
}
$(function(){ 
    var num = $('.notice_active').find('li').length;
    if(num > 1){
       var time=setInterval('timer(".notice_active")',3500);
        $('.gg_more a').mousemove(function(){
            clearInterval(time);
        }).mouseout(function(){
            time = setInterval('timer(".notice_active")',3500);
        }); 
    }
    
    $(".news_ck").click(function(){
        location.href = $(".notice_active .notice_active_ch").children(":input").val();
    })
});
</script>

效果截图:

公告上下滚动,公告上下滚动,上下滚动轮播

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开