嗯...可以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%等等..
答案 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。