特效介绍

仿易迅网新品首发首页jQuery大屏动画焦点图轮播效果,兼容IE6
使用方法
1、head区域引入下面的代码<link rel="stylesheet" href="css/5imoban.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<script type="text/javascript">
$(function(){
var $window = $(window),
window_width = $window.width();
$('#js_banner, #js_banner_img li').width(window_width);
var urlParam = G.util.parse.url(),
startFrame = 0;
if (urlParam.search && ('banner' in urlParam.search)) {
startFrame = (parseInt(urlParam.search['banner'])-1) || 0;
}
new $.Tab({/*添加圆点按钮*/
target: $('#js_banner_img li'),
effect: 'slide3d',
animateTime: 1000,
stay: 4000,
playTo: startFrame,
autoPlay: true,
merge: true,
prevBtn: $('#js_banner_pre'),
nextBtn: $('#js_banner_next')
});
$('#js_banner_img').css('left','-' + (window_width * startFrame) + 'px');
})
</script>
参数详解animateTime: 1000,即完成一次滚动的时间为1秒,单位为毫秒
stay: 4000,即图片切换时间为4秒,单位毫秒
2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
