实施jquery的animate,然后恢复到执行前的状态

2013-03-21

执行jquery的animate,然后恢复到执行前的状态html如下:div idtest styleheight: 100px width: 100p

执行jquery的animate,然后恢复到执行前的状态
html如下:

  <div id='test' style="height: 100px; width: 100px; background-color: Purple;">
    </div> 
<input id="Button3" type="button" value="测试按钮" onclick="forTest();" />

js如下:

   function forTest() {
            $('#test').animate({ left: "100", width: "13", opacity: "0.5", height: "199", fontSize: "67" }, "3000", null);
        }

问题:
能不能执行完forTest()方法后,testdiv能恢复到原始的状态?
或者说,或者说必选在执行forTest()之前,保存一下状态,执行完后,在手动恢复?有其他简单的办法吗? jquery javascript html
[解决办法]

   function forTest() {
            $('#test').animate({ left: "100", width: "13", opacity: "0.5", height: "199", fontSize: "67" }, "3000", function(){$('#test').attr("height: 100px; width: 100px; background-color: Purple;opacity:1;");});
        }

热点排行

C#

实施jquery的animate,然后恢复到执行前的状态