帮助我在下拉菜单上应用fadeIn

Question

我正在尝试应用fadeIn效果下拉menu.When用户点击下拉菜单应该显示在一个非常慢的motion.For，我正在使用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

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