Js implements multiple different motion effects on the same page, and js implements multiple pages

Js implements multiple different motion effects on the same page, and js implements multiple pages

This example describes how js achieves multiple different motion effects on the same page. Share it with you for your reference. The specific analysis is as follows:

Key Aspect 1:

function getstyle(obj,name){if(obj.currentStyle){return obj.currentStyle[name];}else{return getComputedStyle(obj,false)[name];}}

From the style sheet, take the value based on the id and attribute name.

Key Aspect 2:

if(attr == "opacity"){cur = Math.round(parseFloat(getstyle(obj,attr))*100);}else{cur = parseInt(getstyle(obj,attr));}

If the transparency value is set, because it may be a decimal point, you need to use parseFloat, And then there may be decimal places, and round them to an integer using the round method.

If you set a non-transparency value, use parseInt to take only the numerical value

Other notes are mentioned in the previous sections and will not be described here.

Finally, run the following code:

<! DOCTYPE html> 
I hope this article will help you design javascript programs.