首頁 > web前端 > html教學 > DIV旋转的测试代码_html/css_WEB-ITnose

DIV旋转的测试代码_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:52:13
原創
850 人瀏覽過

<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>
登入後複製

旋转的测试代码

参考:


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板