DIV旋转的测试代码

<html>
<head>

<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>
</head>
<body>
<script type="text/javascript">
var base_len = 100;
var len = 700;

function drawleaf(rat) {
	var hdiv = "<div class='rat" + rat + "'><img src='leaf.png'></div>";
	$("#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" height="800">
</div>
</body>
</html>

旋转的测试代码

参考：

http://blog.csdn.net/wide288/article/details/41960089

时间： 2024-10-25 08:49:02

DIV旋转的测试代码的相关文章

css控制div元素旋转指定角度代码实例

css控制div元素旋转指定角度代码实例:本章节介绍一下如何利用css3实现控制元素旋转指定角度的效果.在这里咱们就不考虑低版本的浏览器,因为随着时间的推移,低版本的浏览器会被逐渐淘汰,就算是当前,低版本浏览器的用户的占比也是很少了,下面直接看代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" conten

div+css通用兼容性代码整理

一.Div+css通用兼容性代码你可以在css开头加入 *html{padding:0px} 复制代码代码如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */

php 缓存使用监控测试代码

php 缓存使用监控测试代码. 将以下代码存在PHP WEB网站下面,然后通过IE浏览器进行访问. #cat ocpcache.php <?php /* * Fetch configuration and status information from OpCache */ $config = opcache_get_configuration(); $status = opcache_get_status(); /* * Turn bytes into a human readable for

XSS跨站测试代码大全

XSS跨站测试代码大全摘自:http://www.cnblogs.com/qmfsun/p/5652712.html '><script>alert(document.cookie)</script>='><script>alert(document.cookie)</script>

纯CSS3悬停图标旋转导航动画代码

分享一款纯CSS3悬停图标旋转导航动画代码.这是一款鼠标移到图标上动画旋转显示导航菜单.效果图如下: 在线预览源码下载实现的代码. html代码: <div id="x_contant"> <a class="xzt1" href="#"><img src="images/xztz_1.png" /></a> <a class="xzt2" hr

测试代码

编写函数或类时,还可以为其编写测试.通过测试,可确定代码面对各种输入都能够按照要求那样工作. 单元测试和测试用例: 单元测试用于核实蛮熟的某个方面没有问题:测试用例是一组单元测试,这些单元测试一起核实函数在各种情形下的行为都符合要求. 良好的测试用例考虑到了函数可能收到的各种输入,包含针对这些所有情形的测试. 全覆盖测试用例包含一整套单元测试,涵盖了各种可能的函数使用方式.对于大型项目,要实现覆盖可能很难.所以通常,最初只要针对代码的重要行为编写测试即可,等项目被广泛使用率再考虑全覆

第4次作业类测试代码+105032014166+张珍珍

第4次作业:准备类测试代码类测试代码的具体要求如下: (1)设计三角形完整程序已经完成的方法是: String triangle(int a,int b,int c) 现在要求继续增加新的功能: 建立界面,至少包含以下元素,但不限于此: 完成面积的方法:float triangleArea(int a,int b,int c) ,完成周长的方法:int perimeter(int a,int b,int c) 要求: 1. 画出类图: 2. 完成界面和相应的功能

Android网络传输中必用的两个加密算法:MD5 和 RSA (附java完成测试代码)

MD5和RSA是网络传输中最常用的两个算法,了解这两个算法原理后就能大致知道加密是怎么一回事了.但这两种算法使用环境有差异,刚好互补. 一.MD5算法首先MD5是不可逆的,只能加密而不能解密.比如明文是yanzi1225627,得到MD5加密后的字符串是:14F2AE15259E2C276A095E7394DA0CA9 但不能由后面一大串倒推出yanzi1225627.因此可以用来存储用户输入的密码在服务器上.现在下载文件校验文件是否中途被篡改也是用的它,原理参见:http://blog.c

MyPython-->进阶篇-->测试代码

测试函数要学习测试,得要有测试的代码.下面是一个简单的函数,接受名和姓并返回整洁的姓名 name_function.py def get_allname(x,m): allname = ('%s %s'%(x,m)).title() return allname 编写测试代码 from name_function import get_allname print(get_allname('cc','leo')) import unittest class NameTestCase(unitte