组织树底部弹出选择（仿京东收货地址地区选择）

xie123aaa

于 2018-08-01 17:18:17 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/xie123aaa/article/details/81334469

版权

这个示例展示了如何创建一个模仿京东收货地址选择的底部弹出组件。利用JavaScript和jQuery，结合CSS实现动画效果和交互。组织树数据通过AJAX获取，用户点击选择项时，会动态更新头部导航和列表内容。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

   <body>
       <div id="btn" style="width: 300px; height: 40px; background-color: #88D8FF;">请点击</div>
       <div id="d" class="b fadeOutDownBig animated">
           <div class="title">选择项目</div>
           <div class="header">
               <ul class="hul"></ul>
           </div>
           <div class="list">
               <ul class="ulList"></ul>
           </div>
       </div>
       <script>
           $(function() {
               $("#btn").click(function() {
                   $("#d").removeClass("fadeOutDownBig").removeClass("b");
                   $("#d").addClass("a");
                   $("#d").addClass("fadeInUpBig");
               });