Shulou(Shulou.com)06/03 Report--

This article will explain in detail how to use JavaScript to dynamically set the value of the CSS3 property. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Using JavaScript to dynamically set the value of the CSS3 property gives us finer control over the CSS transition. In the tutorial for setting the CSS3 property using JavaScript, the following are the general CSS3 properties setter and getter. It checks the version of the CSS property in the form of JavaScript supported by the browser in real time (that is, "transform" or "WebkitTransform") and returns the property.

Function getcss3prop (cssprop) {

Var css3vendors = [','- moz -','- webkit -','- o -','- ms -','- khtml-']

Var root = document.documentElement

Function camelCase (str) {

Return str.replace (/\-([az]) / gi,function (match,p1) {/ / p1 references the submatch in parentheses

Return p1.toUpperCase () / / convert the first letter after "-" to uppercase

})

}

For (var I = 0; I

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.