带有悬停功能的圆角单下拉菜单

Question

我是jquery＆amp;的新手javascript ..我需要创建一个圆角的下拉列表，它将根据悬停工作，如下所示..

Answer 1

在悬停事件

上设置border-radius

使用CSS

select:hover {
    border-radius: 10px;
    -webkit-border-radius: 10px; /* For safari */
    -moz-border-radius: 10px; /* For mozilla */
}

以下是使用jQuery Snippet

的示例

$("select").hover(function() {
    $(this).css("borderRadius",10px);
});

Answer 2

http://jsfiddle.net/mk62n/1/

这在CSS中称为border-radius属性。

-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;