javascript - javascript css rotate stop 停止在 IE 和 FF 中工作

Question

更改图标后，旋转在 Internet Explorer 和 Firefox 中不再有效，但在其他浏览器中有效。

这是页面

这里是源

js：

<script language="JavaScript">
<!--
var position = "up";
function rotate()
{
if (position == "right"){
current_image.className = 'rotate_down BigPicture';
position = "down";
}
else if(position == "down"){
current_image.className = 'rotate_left BigPicture';
position = "left";
}
else if(position == "left"){
current_image.className = 'rotate_up BigPicture';
position = "up";
}
else if(position == "up"){
current_image.className = 'rotate_right BigPicture';
position = "right";
}
}
//-->
</script>

CSS：

<style>
.rotate_left
{
transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
}
.rotate_right
{
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.rotate_up
{
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.rotate_down
{
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
</style>

此代码有效，但与文档中的其他一些代码（在上述浏览器中）一起崩溃。