JS切换图片(使用了定时器setInterval()方法)

JavaScript015

JS切换图片(使用了定时器setInterval()方法),第1张

setInterval()方法：每隔一段事件执行一次函数

--参数：1、回调函数

              2、间隔时间，毫秒为单位

例子：每隔1秒打印一次hello

图片切换效果图：

<style>

#bg img{margin:0 5pxborder:1px solid #dddwidth:80pxheight:80px}

#bg img.on{border-color:#f00}

</style>

<div id="bg">

<img src="缩略图地址" rel="大图地址">

<img src="缩略图地址" rel="大图地址">

<img src="缩略图地址" rel="大图地址">

</div>

//引入jQuery.js

<script>

var $mg=$("#bg").find("img")

$mg.click(function(){

var big=$(this).attr("rel")

$("body").css("background","url("+big+") 50% 50% no-repeat")

$(this).addClass("on").siblings("img").removeClass("on")

})

</script>

上面就是最简单的背景切换加缩略图，需要引入jQuery哈