1、调用CSS样式:
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.5.1.min.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);
new $.Tab({
target: $('#js_banner_img li'),
effect: 'slide3d',
animateTime: 1000,
stay: 3500,
autoPlay: true,
merge: true,
prevBtn: $('#js_banner_pre'),
nextBtn: $('#js_banner_next')
});
});
</script>
3、添加HTML代码:
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码;放在<body></body>之间。