JS to achieve a similar animate animation effect in jquery method _javascript skills

The example of this article tells JS to achieve a similar animate animation effect in jquery. Share to everyone for your reference. The specific analysis is as follows:

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:

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

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:

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:

<! DOCTYPE html>  

The

wants this article to help you with your JavaScript programming.