JS to achieve a similar animate in jquery animation effect method

This example can achieve the mouse move, the first width changes, then height changes, the final transparency changes, mouse out, and then turn back the effect.

Point one:

1 2 3 4 5 6 7 8

Startrun (OBJ,ATTR,TARGET,FN) box.onmouseover = function () {Startrun (box, width, 200,function () {Startrun (box, " Height ", 200,function () {Startrun (box," opacity "," 100 ")}); }); }

As above, the function can also be used as a parameter, you can achieve the first execution of an action, and then perform an action effect.

Point two:

1 2 3 4 5 6

if (cur = = target) {clearinterval (Obj.timer); if (FN) {fn ();}}

When the motion reaches the target point, close the timer, and then you can execute the new function.

Finally, on the code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 The