Question

我正在尝试在下拉菜单上应用淡入淡出效果。当用户点击下拉列表时，菜单应该以非常慢的动作显示。因为我使用的是fadeIn（）..
下面是HTML代码和jQuery代码我知道我的代码不正确，希望有人能帮助我。

 <select  tabindex="21" name="S8a3_201" id="S8a3_201"  class="dropdown">
 <option value="">Select answer</option>
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
 <option value="4">Four</option>
 <option value="5">Five</option>
 <option value="6">Six</option>
 <option value="995">Seven</option>
 </select>

我写的代码是

$('select').click(function()
              {
                  $(this).fadeIn('slow', function() {
    // Animation complete
  });
              });

Answer 1

您无法控制控件本身的工作方式或使用javascript或CSS的任意组合进行显示。如果您必须在下拉列表中显示动画淡出，则必须使用包含<div>内容的内容重新实现下拉列表。

jQuery已经将其中的几个作为插件。

http://plugins.jquery.com/plugin-tags/jquery-dropdown

jQuery UI还有一个可以使用的分割按钮组件：http://jqueryui.com/demos/button/#splitbutton

Answer 2

选择框是操作系统控件，您将无法控制它们呈现的下拉列表如何进入视图。即使你可以，它也不是所有操作系统的标准。

帮我在下拉菜单上应用fadeIn

2 个答案: