使用CSS3创建2 d转换,它允许你旋转和调整任何绝对定位块元素。
下面的代码给出旋转对象。
webkittransform: rotate(90deg);
-moz-transform: rotate(90deg);
旋转的元素,使用旋转图像上每一个角落。你只能在顺时针方向旋转元素。旋转图像最初是无形的,他们是可见的,当你停留在“而”元素。
调整元素内的元素点击任何地方使用八调整处理和调整它。
这是完整代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Smart Object</title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="smartit.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#smartit').rotateit();
});
</script>
</head>
<body>
<div id="smartit" style="position: absolute; top: 50px; left: 30px; width: 500px;
height: 360px; z-index: -1">
<div style="width: 100%; height: 100%; ">
<img src="1.jpg" width="100%" height="100%" alt="image" />
</div>
</div>
</body>