头像

jQuery网站通栏banner图片动画轮播代码【原创

来源:http://www.sucaihuo.com/js/2197.html 素材火管理员 2017-06-18 18:14浏览(94) 收藏

jQuery网站通栏banner图片动画轮播代码,带左右箭头按钮控制和动画效果焦点图切换特效。
jQuery网站通栏banner图片动画轮播代码
分类:图片代码 > 图片轮播 难易:初级

程序员,你不是一个人;网站开发QQ群:35291327 在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 3 下载资源 下载积分: 30 积分

js代码

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.DB_tabMotionBanner.min.js"></script>
    <script type="text/javascript">
        $('.DB_tab25').DB_tabMotionBanner({
            key: 'b28551',
            autoRollingTime: 6000,
            bgSpeed: 500,
            motion: {
                DB_1_1: { left: -50, opacity: 0, speed: 1000, delay: 500 },
                DB_1_2: { left: -50, opacity: 0, speed: 1000, delay: 1000 },
                DB_1_3: { left: 100, opacity: 0, speed: 1000, delay: 1500 },
                DB_2_1: { top: 50, opacity: 0, speed: 1000, delay: 500 },
                DB_2_2: { top: 50, opacity: 0, speed: 1000, delay: 1000 },
                DB_2_3: { top: 100, opacity: 0, speed: 1000, delay: 1500 },
                DB_3_1: { left: -50, opacity: 0, speed: 1000, delay: 500 },
                DB_3_2: { top: 50, opacity: 0, speed: 1000, delay: 1000 },
                DB_3_3: { top: 0, opacity: 0, speed: 1000, delay: 1500 },
                end: null
            }
        })
    </script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/2197.html
评论5
头像

友情提示:垃圾评论一律封号...

  • 头像 4楼
    06-20 00:04
    ixylz
    还可以哦酷
  • 头像 3楼
    06-19 13:26
    richer
    图片尺寸未自适应哦
  • 头像 板凳
    06-19 10:02
    xialan
    果断的收藏啦
  • 头像 椅子
    06-19 09:13
    a51821064
    效果挺不错的,很好!
  • 头像 沙发
    06-19 00:02
    cqhaigege
    效果挺不错的,很好
1 2