可以jquery切换原始的css(style.css)值和新值(在.animate {}中设置)?

时间:2010-02-07 09:58:35

标签: javascript jquery

嗯...可以jquery切换原始的css(style.css)值和新值(在.animation {}中设置)?

$(function() {
    $('a.maximize').click(function() {
        $($(this).attr('href')).animate({
        position: "absolute",
        top: 0,
        left: 0,
        height: '99.5%',
        width: '99.5%',
        opacity: 1,
  },1000)
});
});

这是我现在拥有的jquery代码,但是如何将href目标切换到新值(上面的代码)

或点击后设置.animate {}更改,并在再次点击后更改以前的.animate {}。

示例:相同的按钮, 但第一次点击,将其更改为宽度高度100%,

但第二次点击同一个按钮,将它们更改回宽度高度50%

第三次更改为宽度高度100%等等..

1 个答案:

答案 0 :(得分:1)

是的,您可以使用.toggle()

执行此操作 像这样:

$('selector').toggle(func1,func2/*,func3, so on..*/)

然后定义你的功能

function func1(){
   // do something...
}
function func2(){
   // do something...
}

切换内部的功能从第一个功能执行到最后一个然后再回到开始。

或者你也可以

$('selector').toggle(function(){...},function(){...}/*,function(){...}, so on..*/)

向下滚动到演示here的底部,看看我的意思。

我还做了一个快速演示here