大佬教程收集整理的这篇文章主要介绍了使用Jquery在翻转时更改DIV背景，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我试图在用户rollsovers时更改div的背景.但我不能让bg更新.到目前为止,这就是我所拥有的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> #fish{BACkground-image:url(images/fish_off.jpg);width:459px;height:474px;} </style> <script type="text/javascript" src="javascript/jquery.js"></script> <script type="text/javascript"> $('#fish').hover( function(){$('#fish').css({BACkground: "url(images/fish_on.jpg)"})},function(){$('#fish').css({BACkground: "url(images/fish_off.jpg)"})} ); </script> </head> <body> <div id="fish"></div> </body> </html>
$("div").hover(
function () {
$(this).css("BACkground","#ddd");
},function () {
$(this).css("BACkground","#ccc");
}
);
如果你只是想要一个推杆,你也可以通过css完成这个
#fish { BACkground: #fff; #fish:hover { BACkground: #ccc; }
看看这个工作小提琴使用悬停
http://jsfiddle.net/faLdY/
通过jquery应用背景图像略有不同
结帐这个类似的问题
Switching a DIV background image with jQuery
请注意css在您的示例页面中应用的方式,您正在错误地执行此操作.
更改
$('#fish').hover(
function(){$('#fish').css({BACkground: "url(images/fish_on.jpg)"})},function(){$('#fish').css({BACkground: "url(images/fish_off.jpg)"})}
);
$('#fish').hover(
function(){$('#fish').css("BACkground-image","url(images/fish_on.jpg)")},function(){$('#fish').css("BACkground-image","url(images/fish_off.jpg)")}
);
编辑：
这是一个工作小提琴,正是你所要求的
http://jsfiddle.net/C7KxR/
以上是大佬教程为你收集整理的使用Jquery在翻转时更改DIV背景全部内容，希望文章能够帮你解决使用Jquery在翻转时更改DIV背景所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。