参见英文答案 >
Setting background-image using jQuery CSS property9个
我正在使用此代码获取菜单选项卡.当鼠标悬停在选项卡上时,选项卡图像将更改,同样我想要使用jquery.i更改选项卡onlick的图像使用下面的代码执行此操作但我无法得到它.我怎样才能做到这一点.
我正在使用此代码获取菜单选项卡.当鼠标悬停在选项卡上时,选项卡图像将更改,同样我想要使用jquery.i更改选项卡onlick的图像使用下面的代码执行此操作但我无法得到它.我怎样才能做到这一点.
<html> <head> <title>Css Menu</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <style> .home { background: url("images/tab2.png") repeat scroll 0 0 transparent; border-radius: 4px 4px 0 0; height: 75px; left: 54px; position: relative; top: 25px; width: 90px; } .home:hover { background: url("images/tab3.png") repeat scroll 0 0 transparent; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; } </style> <script type="text/javascript"> $(function() { $('.home').click(function() { $('home').css('backgroundImage','url(images/tabs3.png)'); }); }): </script> </head> <body><div class="frame"> <div class="header1"></div> <div class="header2"> <a href="#"><div class="home" onclick="function()"><img src="images/tools.png" class="image"><br><span class="align">Home</span></div></a> </div> <div class="header3"></div> </div> </body> </html>
解决方法
您需要使用background-image而不是backgroundImage.例如:
$(function() { $('.home').click(function() { $(this).css('background-image','url(images/tabs3.png)'); }); }):
原文地址:https://www.jb51.cc/jquery/156476.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。