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>
      立即下载 ( 文件大小:0.16 M)

    浏览器兼容性

    1. IE 7
    2. IE 8
    3. IE 9
    4. Mozilla Firefox
    5. Google Chrome
    6. Oper
    7. Safari

    技术讨论区

    1. So You1

      So You

      hen niu

      2016-05-06 11:53:12| 回复

    2. 请先登录

        发 布

    键盘快捷键: 上一个 下一个