cesium_example_auth/public/cesium_example/example/js/btnbar/btnbar.js

var btnbar = {
  canMove: true,
  picDiv: null,
  positionl: 0,
  picwidth: 170,
  maxWidth: NaN,
  fundata: {},
  init: function (arrdata) {
    if (!document.getElementById("btnbar")) {
      $("body").prepend(
        '<div class="btnbar"> <div class="btnbar_panel"> <div class="btnbar_left"></div> <div class="btnbar_items_panel"><div class="btnbar_items_panel_scroll">  </div></div><div class="btnbar_right"></div>   </div></div>'
      );
    }

    var inhtml = "";
    for (var i = 0; i < arrdata.length; i++) {
      var item = arrdata[i];
      inhtml += '<div class="btnbar_item">' + item.name + "</div>";
      this.fundata[item.name] = item;
    }
    $(".btnbar_items_panel_scroll").html(inhtml);

    this.picDiv = $(".btnbar_items_panel_scroll");
    this.maxWidth = 800 - arrdata.length * (this.picwidth + 5);

    $(".btnbar_item").bind("click", function () {
      $(this).addClass("btnbar_item_select").siblings().removeClass("btnbar_item_select");

      var _text = $(this).text();
      btnbar.fundata[_text].click();
    });

    if (this.maxWidth > 0) {
      $(".btnbar_left").hide();
      $(".btnbar_right").hide();
      this.picDiv.animate({ left: this.maxWidth / 2 + "px" });
    } else {
      $(".btnbar_left").bind("click", function () {
        btnbar.moveToLeft();
      });
      $(".btnbar_right").bind("click", function () {
        btnbar.moveToRight();
      });
    }
  },
  //左移
  moveToLeft: function () {
    if (this.positionl >= 0) {
      return;
    }

    this.positionl += this.picwidth;
    if (this.positionl >= 0) {
      this.positionl = 0;
    }
    this.picDiv.animate({ left: this.positionl + "px" });
  },
  //右移
  moveToRight: function () {
    if (this.positionl <= this.maxWidth) {
      return;
    }

    this.positionl -= this.picwidth;
    if (this.positionl <= this.maxWidth) {
      this.positionl = this.maxWidth;
    }
    this.picDiv.animate({ left: this.positionl + "px" });
  },
  unSelect: function () {
    $(".btnbar_item").each(function () {
      $(this).removeClass("btnbar_item_select");
    });
  },
};