<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>Insert title here</title>
<style>
#head{
position:absolute
}
</style>
</head>
<body>
<img src='images/head.jpg' id='head' />
<script type="text/javascript">
/*
* jlib.js是我自己写的一个javascript类库，里面包含一些常用方法，如JudgeBroswer()用来判断浏览器是IE还是FireFox,$相当于document.getElementById(id)
*/
document.onmousemove=Move
obj=document.getElementById("head")
function Move(event){
var event=window.event||event
obj.style.left=event.clientX+'px'
obj.style.top=event.clientY+'px'
}
</script>
</body>
</html>
您好！很高兴为您答疑！建议使用jquery实现图片切换，可以有效的解决浏览器兼容问题。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
给指定的元素添加一个 CSS 属性即可：
-o-transform: rotate(90deg)-ms-transform: rotate(90deg)
-moz-transform: rotate(90deg)
-webkit-transform: rotate(90deg)
transform: rotate(90deg)
但仅对 IE8+ 或其他浏览器有效。
如果非得兼容 IE7 的话需要使用 filter 滤镜 DXImageTransform.Microsoft.Matrix。这个参数过于复杂，这里不展开写了，题主可以自行搜索一下相关信息。
楼上说的 jquery-rotate 在 IE7、8 上表现还可以，在 IE9 里反倒有坑，题主可以自行选择是否使用。
