Maison > Article > interface Web > DIV旋转的测试代码_html/css_WEB-ITnose
DIV旋转的测试代码_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:52:13767parcourir
<style type="text/css">.rat0 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}.rat1 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);}.rat2 { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}.rat3 { -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg);}.rat4 { -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg);}</style><script type="text/javascript" src="jquery-2.1.1.min.js"></script><script type="text/javascript">var base_len = 100;var len = 700;function drawleaf(rat) { var hdiv = "<div class='rat" + rat + "'><img src='leaf.png' alt="DIV旋转的测试代码_html/css_WEB-ITnose" >"; $("#content").append(hdiv);}$(document).ready(function(){ //$("#content").append(hdiv); for(var i=0; i<10; i++) { drawleaf( Math.floor(Math.random() * ( 4 + 1)) ); } });</script><div id="content" width="960" style="max-width:90%"></div> 旋转的测试代码
参考：
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：CSS设置DIV背景色渐变显示_html/css_WEB-ITnoseArticle suivant：Codeforces #282 div 1 C Helping People 题解_html/css_WEB-ITnose