jquery延迟载入视差效果banner横幅广告1957
引入样式文件
<link rel="stylesheet" href="style.css" type="text/css"></link>
引入js文件
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.DB_tabMotionBanner.min.js"></script>
调用js
<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>

技术讨论区(1 个讨论)

  1. So You 1

    So You

    hen niu

    2016-5-6 11:53:12 | 回复

  2. 请先登录

      发 布