Jquery 菜单字母上的悬停效果

这是我的菜单：

<TD vAlign="Middle" align="Center"><A href="/?open_the=gate"><SPAN class="H">H</SPAN>ome</A></TD>
<TD vAlign="Middle" align="Center"><A href="/?open_the=book"><SPAN class="B">B</SPAN>ook</A></TD>
<TD vAlign="Middle" align="Center"><A href="/?open_the=contact_page"><SPAN class="C">C</SPAN>ontact <SPAN class="P">P</SPAN>age</A></TD>

---

因此，我基本上希望在鼠标悬停在菜单链接上时对大写字母应用变换效果。如何实现这一点？

只有将鼠标悬停在字母H、B、C和p上，代码才会起作用

使用

a

的悬停键来达到所需的效果。下面是一个工作示例

a{
填充物：5px10px；
}
a:悬停跨度{
颜色：红色；
文字装饰：下划线；
显示：内联块；
变换：旋转（180度）；
-o变换：旋转（180度）；
-ms变换：旋转（180度）；
-莫兹变换：旋转（180度）；
-khtml变换：旋转（180度）；
-webkit变换：旋转（180度）；
}

---

好极了。非常感谢。

.H:Hover
{
    DISPLAY: Inline-Block;
    TRANSFORM: RotateY(180deg);
    -O-TRANSFORM: RotateY(180deg);
    -MS-TRANSFORM: RotateY(180deg);
    -MOZ-TRANSFORM: RotateY(180deg);
    -KHTML-TRANSFORM: RotateY(180deg);
    -WEBKIT-TRANSFORM: RotateY(180deg);
    }