English 中文(简体)
jquery 点击时切换悬停效果
原标题:jquery toggle an hover effect on click

我尝试在点击时切换属性时遇到一些问题 。

""http://jsfiddle.net/NSPUc/"rel="notfollow" 这是JSFiddle的例子

悬浮效应对我很好,但当我点击路径( 国家) 时, 我想切换效果

如果有人能帮我就好了

这就是我想要得到的:

"http://gajel.de/map/"rel="nofollow">工作示例

问题回答

点击与悬浮相同 :

$("path").click(function() {

    $(this).attr({
      fill: "#FF0000",
      stroke: "#00FF00"
    });
}) // etc

这就是你想要的:)

< a href=> "http://jsfiddle.net/NSPUc/18/" rel="nown" >example

这应该有帮助。

$("path").toggle(function() {
    $(this).attr({
        fill: "#FFFFFF",
        stroke: "#eee"
    });
}, function() {
    $(this).attr({
        fill: "#FF0000",
        stroke: "#00FF00"
    });
});

The code bellow will toggle from red to white and from white to red, so you can style according to what color do you want.

Demo





相关问题
getGridParam is not a function

The HTML: <a href="javascript:void(0)" id="m1">Get Selected id s</a> The Function: jQuery("#m1").click( function() { var s; s = jQuery("#list4").getGridParam( selarrrow )...

selected text in iframe

How to get a selected text inside a iframe. I my page i m having a iframe which is editable true. So how can i get the selected text in that iframe.

jQuery cycle page with links

I am using the cycle plugin with pager functionality like this : $j( #homebox ) .cycle({ fx: fade , speed: fast , timeout: 9000, pager: #home-thumbs , ...

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

jConfirm with this existing code

I need help to use jConfirm with this existing code (php & Jquery & jAlert). function logout() { if (confirm("Do you really want to logout?")) window.location.href = "logout.php"; } ...

Wrap text after particular symbol with jQuery

What I m trying to do, is wrap text into div inside ll tag. It wouldn t be a problem, but I need to wrap text that appears particularly after "-" (minus) including "minus" itself. This is my html: &...

热门标签