<html>
<head>
<title>Banner Cycler</title>
<!--<script type="text/javascript" src="js/jquery-1.12.4.min.js">-->
<script type="text/javascript" src="js/jquery-1.12.4.min.js">
</script>
<script>
var banners = ["1.jpg","2.jpg","3.jpg"]; // 图片地址
var counter = 0;
function run(){
setInterval(cycle,4000); //重复运行cycle函数,周期1000ms
}
function cycle(){
counter++;
if(counter == banners.length)
counter = 0;
document.getElementById("banner").src = banners[counter]
// $('img').slideUp(4000).slideDown(5)
// $('img').slideUp(2000).slideDown(2000) #slideUp
$('img').fadeOut(4000).fadeIn(5)
}
// $('banner').click(function(){
$('img').toggle(3000)
// $('img').slideUp(2000)
// $('img').slideToggle(2000)
// })
</script>
</head>
<body onload = "run();">
<img id="banner" alt="banner" src="1.jpg">
</body>
</html>