悬停在按钮上时动态添加 CSS答案

【问题标题】：Add CSS dynamically when hover on button悬停在按钮上时动态添加 CSS
【发布时间】：2015-04-07 12:56:40
【问题描述】：

这是我的网站链接。我在页面上有translate this 按钮。当我将鼠标悬停在translate this 按钮上时，语言部分显示在下方 50 像素处。

如何动态添加 css 以将顶部位置添加到语言部分。现在我正在使用下面的css

.ttb-panel { top: 235px !important; }

这仅适用于 div 类 .ccm-custom-style-adstop（在页面标题后做广告）不存在的情况。

我已经给出了两个页面的链接。什么 CSS 规则将起作用？

【问题讨论】：

标签： html css

【解决方案1】：

$("# TRANSLATE BUTTON ID").mouseover(function(){
    $("# TRANSLATE DIV ID").addClass("ttb-panel");
});

【讨论】：