素材8网-专注前端素材！
来源：https://www.htmlsucai.com/29766.html

自定义点击下拉菜单插件下拉列表特效

  • 1449
  • 0
  • 0

SweetDropdown是一款多用途的下拉列表jQuery插件。你可以通过任何元素来触发SweetDropdown插件，它既可以作为下拉列表使用，也可以作为提示框来使用。
1.可以通过npm或bower来安装SweetDropdown插件。
  1. $ bower install sweet-dropdown
  2. $ npm install sweet-dropdown  
复制代码
2.使用方法
在页面中引入样式文件jquery.sweet-dropdown.min.css，jquery和jquery.sweet-dropdown.min.js文件。
  1. <link rel="stylesheet" href="path/to/jquery.sweet-dropdown.min.css" />
  2. <script src='path/to/jquery.min.js'></script>
  3. <script src='path/to/jquery.sweet-dropdown.min.js'></script>     
复制代码
3.HTML结构 一个标准的SweetDropdown下拉列表的HTML结构如下：
  1. <div class="dropdown-menu dropdown-anchor-top-left dropdown-has-anchor" id="dropdown-standard">
  2.   <ul>
  3.     <li><a href="#">Item 1</a>></li>
  4.     <li><a href="#">Item 2</a></li>
  5.     <li class="divider"></li>
  6.     <li><a href="#">Item 3</a></li>
  7.   </ul>
  8. </div>      
复制代码
可以通过一个按钮来触发下拉列表框。
  1. <button data-dropdown="#dropdown-standard">Try out!</button>
复制代码
相关素材
自定义点击下拉菜单插件下拉列表特效
  • 来和猫猫玩儿 刚刚下载了一个素材
  • 皮噜 刚刚下载了一个素材
  • dy_Ray_zue 刚刚下载了一个素材
  • zerooo 刚刚下载了一个素材
  • 上学的苦谁懂 刚刚下载了一个素材
  • 一五一十一五一十一五一十一五一十一五 刚刚下载了一个素材
  • dy_旧戏书_yz8 刚刚下载了一个素材
  • 笑点 刚刚下载了一个素材
  • gt_回首_fkd4 刚刚下载了一个素材
  • 咚咚和盖盖 刚刚下载了一个素材
  • 教育咨询小武老师 刚刚下载了一个素材
  • 冰鼠 刚刚下载了一个素材
  • gt_小王子_zis6 刚刚下载了一个素材
  • 东莞刑事张律师 刚刚下载了一个素材
  • 俊俊baba 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题