大佬教程收集整理的这篇文章主要介绍了使用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,请注明来意。