堕入魔道:花式slider轮播

最新推荐文章于 2020-08-04 05:58:23 发布

weixin_34365417

最新推荐文章于 2020-08-04 05:58:23 发布

阅读量125

点赞数

原文链接：https://my.oschina.net/laobia/blog/1476086

版权

为什么80%的码农都做不了架构师？>>>

二话不说:云盘先分享了再哔哔

http://pan.baidu.com/s/1miqltJM

效果图:点击最右边的,然后中间的就使劲滚动....

/*道三板动态列表页面滑动*/
$(function(){
    $("#banner_right").click(function(){

        slide_dongtai();
    })
});
function slide_dongtai(){
    /*设置样式*/
    $("#dtb_abs .banner_imgbox:last-child").css("margin-left","-708px");
    /*获取dom*/
    var dt_html=$("#dtb_abs .banner_imgbox:last-child").get(0).outerHTML;
    /*删除dom*/
    $("#dtb_abs .banner_imgbox:last-child").remove();
    /*在第一个头部前加入dom*/
    $("#dtb_abs .banner_imgbox:first-child").before(dt_html);
    /*动画效果*/
    $("#dtb_abs .banner_imgbox:first-child").animate({"margin-left":"10px"},1500,'swing',function(){

    })

}

具体代码和思路如上,这几天简直就是堕入了slider的魔道...天天各种滑动...简直飞机儿打脑壳...

转载于:https://my.oschina.net/laobia/blog/1476086