圆形转弯分区悬停

这将在DIV悬停时使用jquery更改CSS

print("<div id="output" class="div"></div>



<script>

    jQuery(document).ready(function() {

    $("#output").hover(function() {
        $(this).css({ 'background-color': 'yellow', 'font-weight': 'bolder' });
    }, function() {

    $(this).css({ 'background-color': 'blue', 'font-weight': 'bolder' });
    });


    }
    );

“”;

您可能遇到的部分问题在于,在大多数CSS实现(以及浏览器对该技术的实现)中,DIV没有可以附加样式规则的:悬停方法。

正如安东尼提到的,jquery可能能够绕过这个问题。

我将如何攻击它(因为我没有研究过jquery)是设置您的标签(它 做 有一个hover方法)来显示:block,将所有的助理规则设置为一个DIV,使其展开以填充包含的DIV,然后当然,将圆角规则添加到hover中。

另一种方法是用一个标记包围您的DIV,但同样,您仍然在设置显示:块、背景和其他实际上不属于A的规则。

这完全是对语法的野蛮滥用,所以在尝试我建议的任何内容之前,请先备份您的工作。

祝你好运——如果你一直把它放在DIV上,想一想你能做些什么来调用悬停效果,可能会更容易些。

我相信你可以用jquery来完成。
http://docs.jquery.com/CSS

http://docs.jquery.com/events/hover

CSS定义了悬停伪选择器,您可以利用它来解决您的问题,或者使用JavaScript来模拟在事件onMouseEnterOnMouseOut中将CSS类添加/删除到正确的DIV中的效果。