怎么用CSS或者JS实现鼠标点击变换背景图片?

JavaScript010

怎么用CSS或者JS实现鼠标点击变换背景图片?,第1张

使用jquery的toggle方法进行图片切换\x0d\x0a$(function(){\x0d\x0a$("#h1").toggle(function(){\x0d\x0a$("#h1").css("background-image","路径('./20110528073501b54e6.jpg')")\x0d\x0a},function(){\x0d\x0a$("#h1").css("background-image","路径('./2011060708410874041.jpg')")\x0d\x0a})\x0d\x0a}) \x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0aCSS\x0d\x0a.hh1{\x0d\x0abackground: url("./2011060708410874041.jpg")\x0d\x0awidth: 120px\x0d\x0aheight: 90px\x0d\x0a}

你好,Jquery修改背景图片方法如下:

$("这里写css选择器").css("background-image","url(这里填图片路径)")

或者

$("css选择器").css({"background-image":"url(图片路径)"})

比如修改一个p标签的背景为bjt.jpg可以写成:

$("p").css({'background-image':'url(bjt.jpg)'})

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

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

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

=

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