当前位置:首页 > 网页特效 > 焦点图 >

jquery制作延时分布载入动画焦点图特效

时间:2014-03-13 09:29 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

  • IDC/源码/项目-广告推荐
效果预览 进入下载地址列表

jquery制作延时分布载入动画焦点图特效。

文件引用:

<link rel="stylesheet" href="zzsc.css" type="text/css"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="jquery.DB_tabMotionBanner.min.js"></script>

调用代码:

<script type="text/javascript">
$('.DB_tab25').DB_tabMotionBanner({
key:'b28551',
autoRollingTime:10000,                            
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:{left: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:{left:100,opacity:0,speed:1000,delay:1500},


DB_4_1:{left:-50,opacity:0,speed:1000,delay:500},
DB_4_2:{left:-50,opacity:0,speed:1000,delay:1000},
DB_4_3:{left:-50,opacity:0,speed:1000,delay:1500},
DB_4_4:{left:-50,opacity:0,speed:1000,delay:2000},
DB_4_5:{left:100,opacity:0,speed:1000,delay:3000},


end:null
}

})
</script>





jquery制作延时分布载入动画焦点图特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/tx-jiaodiantu/6971.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!

焦点图下载排行

最新文章