layui dropdown.js

layui是一个轻量级的前端UI库，它提供了一个名为dropdown.js的插件，用于创建下拉菜单组件。这个模块允许你在网页上实现点击按钮弹出可选择的列表，常用于导航菜单、选项选择等场景。Dropdown.js支持多种交互方式，如点击展开、鼠标悬停触发、键盘操作等，并且可以根据需要定制样式和选项内容。

使用layui dropdown.js的基本步骤包括：
1. 引入layui库和dropdown.js文件。
2. 使用`layUi.dropdown()`方法初始化下拉菜单，传入配置项，如触发元素、菜单列表等。
3. 根据需求设置选项事件处理器，比如选中回调函数。

示例代码：

<script src="layui/layui.js"></script>
<script src="layui/dropdown.js"></script>
<button id="myDropdown">点击展开</button>

<script>
layui.use('dropdown', function(){
  var dropdown = layui.dropdown;
  // 初始化下拉菜单
  dropdown.render({
    elem: '#myDropdown' // 触发元素ID
    , trigger: 'click' // 触发方式
    , content: '<ul><li>选项1</li><li>选项2</li></ul>' // 菜单内容
    , callback: {
      choose: function(index, item){ // 当点击选择时触发
        console.log('已选择第' + (index+1) + '项:', item);
      }
    }
  });
});
</script>