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

JavaScript027

怎么用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)'})