JSJquery,如何实现背景图片的更换

JavaScript012

JSJquery,如何实现背景图片的更换,第1张

更换背景图片有两种方式:

1、直接给元素附加css,因为js附加的css样式要比css中的样式权限高,那么js设置的背景图片就会覆盖之前的图片

$(this).css("background","url(1.jpg) no-repeat 0 0")

2、写两个class,一个class里面写一个背景图片,js中操作的话直接改变元素的class就可以了

$(this).removeClass('classA').addClass('classB')

相对而言,第二种方式更好一点,实现了js中尽量不书写css的理念,同时第二种可以实现背景图片不断替换,而第一种不行

代码写起来比较烦,首先如果是要自动变化的话,你首先需要有一个timer,调用window.setInterval(handler,

time)方法去变换,可以写在onload事件里,或者卸载页面最后用<script><script>块里面

页面上有一个div的话,这个div里面应该有个<img>的吧,图片的话你用一个数组将文件名放起来,搞个随机数,然后就将img.src

=

'arr[i]';这样弄就应该能实现