鼠标覆盖时小三角旋转效果
能用css实现的效果,尽可能用css,简单,性能也比较好。
用css3的transform实现
#site-nave .menu:hover .menu-hd{
-webkit-transform: rotate(180deg);
-webkit-transform-origin-x: 50%;
-webkit-transform-origin-y: 30%;
-moz-transform:rotate(180deg);
-moz-transform-origin-x: 50%;
-moz-transform-origin-y: 30%;
-o-transform:rotate(180deg);
-o-transform-origin-x: 50%;
-o-transform-origin-y: 30%;
-ms-transform:rotate(180deg);
-ms-transform-origin-x: 50%;
-ms-transform-origin-y: 30%;
}