Question

怎么使图片，当鼠标经过图片旋转，HTML.

Answer 1

这个可以通过纯样式实现
首先是事件：hover
效果：旋转（transform:rotate(90deg);）PS：90deg=90°
那我就举个简单的例子
<img src="你的图片" class='pic'>
<style type='css/text'>
.pic:hover{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */

}
</style>

Answer 2

这位网友你好，只要在你需要旋转的元素上写上下面的代码就可以了，这是css3的新属性，最好使用chrome浏览器查看。

img:hover{
  transform:rotate(30deg);//旋转的角度，可以是负数
}

追问

我要使某个div里的表格中的图片产生这效果，应该怎么弄

追答

　　你可以给这个图片写个class或者id，然后像下面这样写。

<img id="xuanzhuan" src="图片路径" />
#xuanzhuan:hover{
  transform:rotate(30deg);//旋转的角度，可以是负数
}

追问

这代码写在。。。。之间吗？

追答

#xuanzhuan:hover{
  transform:rotate(30deg);
}

　　这就是普通的css代码，写在<style>。。。。<／style>之间可以，如果有单独的css文件，也可以写在css文件里。

追问

嗯