I have this code:
<html>
<head>
<script type = "text/javascript" src = "jquery-1.7.1.js"></script>
<script type = "text/javascript" src = "jquery-ui-1.8.18.custom.min.js"></script>
</head>
<body>
<div id = "div" onclick = "Rotate()">
<img src="image.png" height="40" width="160">
</div>
<script type="text/javascript">
var x = 1;
function Rotate() {
var angle = (90 * x);
$("div").css("-moz-transform",
"rotate(" + angle + "deg)");
x++;
}</scipt></body></html>
当使用
Rotate()
脚本时,div
看起来像被旋转了,但是在使用 Firebug 查看时,可以看到 div
仍然在原位置。我是否做错了什么或者使用了错误的工具来完成任务?编辑:
谢谢回复!我将背景设置为黄色,这样它就变成了一个黄色的框,但是在 Firebug 中单击 div 名称时,它显示 div 仍处于其原始位置。
![lightblue is the original position of the div](https://istack.dev59.com/gszMe.webp)