首页横幅幻灯片制作方法

<div class="index_content wrapper rel clearfix">


<!-- slider -->
<div class="js_banner_box abs clearfix">
<div id="js_banner" class="js_banner">
<ul id="js_banner_img" class="js_banner_img clearfix">
<li><a href="promotions.html#promotions02">
<img src="/images/index/banner-1.png"/>
</a>
</li>
<li><a href="slotgame.html"><img src="/images/index/banner-2.png"/>
</a>
</li>
<li><a href="slotgame.html"><img src="/images/index/banner-3.png"/></a>
</li>
<li><a href="promotions.html#promotions09" target="_blank"><img src="/images/index/banner-4.png"/></a>
</li>
<li><a href="promotions.html#promotions09" target="_blank"><img src="/images/index/banner-5.png"/></a>
</li>
<li><a href="promotions.html#promotions09" target="_blank"><img src="/images/index/banner-6.png"/></a></a>
</li>
</ul>
<div class="js_banner_common">
<a id="js_banner_prev" href="javascript:void(0);"
class="js_banner_prev"></a> <a id="js_banner_next"
href="javascript:void(0);" class="js_banner_next"></a>
</div>
</div>

</div>

$(function(){
//slider
var $window = $(window),window_width = $window.width();
$('.index_content .index_slot_game_jackpot_center').css('marginLeft',($window.width()-888)/2);
$('.nav_sub .nav_sub_menu .nav_sub_vip_inner').css('marginLeft',($window.width()-664)/2);
$('.nav_sub .nav_sub_menu .nav_sub_pro_inner').css('marginLeft',($window.width()-1000)/2);
$('.nav_sub .nav_sub_menu .nav_sub_csn_inner').css('marginLeft',($window.width()-1008)/2);
$('.nav_sub .nav_sub_menu .nav_sub_psg_inner').css('marginLeft',($window.width()-1000)/2);
$('.nav_sub .nav_sub_menu .nav_sub_asg_inner').css('marginLeft',($window.width()-960)/2);
//$('#js_banner, #js_banner_img li').width(1920);
$(".js_banner_img a").width(window_width);
$(".js_banner_img a img").css('width',$(window).width());
$(window).on("resize",function(){
$(".js_banner_img a").width($(window).width());
$(".js_banner_img a img").css('width',$(window).width());
})
new $.Tab({
target: $('#js_banner_img li'),
effect: 'base',
animateTime: 1000,
stay: 4000,
autoPlay: true,
merge: true,
prevBtn: $('#js_banner_prev'),
nextBtn: $('#js_banner_next')
});

//flash
$(".flash").flashPlay({
autoPlay:true,
during:4000
});