123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216 |
- $(function () {
- $(window).resize(refHeight);
- refHeight();
- // 切换选项卡
- $(".mp_tab_tit li").click(function () {
- if ($(this).hasClass("cur") || $(this).hasClass("disabled")) {
- return false;
- } else {
- var that = $(this),
- index = that.index();
- that.addClass("cur").siblings("li").removeClass("cur");
- that.parent().siblings(".mp_tab_con").children().eq(index).addClass("cur").siblings().removeClass("cur");
- var _id = $(this).attr("id");
- localforage.setItem(storageName, _id)
- }
- });
- // mp_tree
- $(".open").click(changeOpenShowHide);
- });
- // function tab2plot() {
- // $("#tab_attr").addClass('disabled');
- // $("#tab_latlng").addClass('disabled');
- // $("#tab_plot").click();
- // }
- var storageName = "mars3d_plotAttr";
- function tab2attr() {
- // $("#tab_attr").removeClass('disabled');
- // $("#tab_latlng").removeClass('disabled');
- // if ($("#tab_plot").hasClass('cur'))
- //读取localStorage值
- localforage.getItem(storageName).then(function (last_attr_tab) {
- if (last_attr_tab != null) {
- $("#" + last_attr_tab).click();
- } else {
- $("#tab_attr").click();
- }
- })
- }
- function changeOpenShowHide() {
- var openlis = $(this).siblings();
- var opent = $(this).children(".tree_icon");
- openlis.toggle();
- if (openlis.is(":hidden")) {
- opent.html("+");
- } else {
- opent.html("-");
- }
- }
- function refHeight() {
- $(".mp_tab_card").height($(".mp_box").height() - $(".mp_head").height() - 1);
- $(".mp_tree").height($(".mp_tab_card").height() - 32);
- $(".mp_mark").height($(".mp_tab_card").height() - 80);
- }
- (function ($) {
- //下拉菜单默认参数
- var defaluts = {
- select: "mp_select",
- select_text: "mp_select_text",
- select_ul: "mp_select_ul",
- };
- $.fn.extend({
- // 下拉菜单
- select: function (options) {
- var opts = $.extend({}, defaluts, options);
- return this.each(function () {
- var that = $(this);
- //模拟下拉列表
- if (that.data("value") !== undefined && that.data("value") !== "") {
- that.val(that.data("value"));
- }
- var _html = [];
- _html.push('<div class="' + that.attr("class") + '">');
- _html.push('<div class="' + opts.select_text + '">' + that.find(":selected").text() + "</div>");
- _html.push('<ul class="' + opts.select_ul + '">');
- that.children("option").each(function () {
- var option = $(this);
- if (that.data("value") == option.val()) {
- _html.push('<li data-value="' + option.val() + '">' + option.text() + "</li>");
- } else {
- _html.push('<li data-value="' + option.val() + '">' + option.text() + "</li>");
- }
- });
- _html.push("</ul>");
- _html.push("</div>");
- var select = $(_html.join(""));
- var select_text = select.find("." + opts.select_text);
- var select_ul = select.find("." + opts.select_ul);
- that.after(select);
- that.hide();
- //下拉列表操作
- select.click(function (event) {
- $(this).toggleClass("mp_selected");
- $(this)
- .find("." + opts.select_ul)
- .slideToggle()
- .end()
- .siblings("div." + opts.select)
- .find("." + opts.select_ul)
- .slideUp();
- event.stopPropagation();
- });
- $("body").click(function () {
- select_ul.slideUp();
- });
- select_ul.on("click", "li", function () {
- var li = $(this);
- var val = li.addClass("selecton").siblings("li").removeClass("selecton").end().data("value").toString();
- if (val !== that.attr("data-value")) {
- select_text.text(li.text());
- that.attr("data-value", val);
- that.change();
- }
- });
- });
- },
- //滑动条
- progress: function (max) {
- var opts = {
- progress: "puiprogress",
- progress_bg: "puiprogress_bg",
- progress_btn: "puiprogress_btn",
- progress_bar: "puiprogress_bar",
- progress_text: "puiprogress_text",
- };
- return this.each(function () {
- var that = $(this);
- //模拟进度条
- var _html = [];
- _html.push('<div class="' + opts.progress + '">');
- _html.push('<div class="' + opts.progress_bg + '">');
- _html.push('<div class="' + opts.progress_bar + '">' + "</div>");
- _html.push("</div>");
- _html.push('<div class="' + opts.progress_btn + '">' + "</div>");
- _html.push('<div class="' + opts.progress_text + '">' + that.val() + "%</div>");
- _html.push("</div>");
- var pro = $(_html.join(""));
- var progress_bg = pro.find("." + opts.progress_bg);
- var progress_btn = pro.find("." + opts.progress_btn);
- var progress_bar = pro.find("." + opts.progress_bar);
- var progress_text = pro.find("." + opts.progress_text);
- that.after(pro);
- that.hide();
- //进度条操作
- var tag = false,
- ox = 0,
- left = 0,
- bgleft = 0;
- pro.css("width", max);
- var _val = Number(that.val());
- left = (max * _val) / 100;
- progress_btn.css("left", left);
- progress_bar.width(left);
- progress_text.html(parseInt(_val) + "%");
- progress_btn.mousedown(function (e) {
- ox = e.pageX - left;
- tag = true;
- });
- $(document).mouseup(function () {
- tag = false;
- });
- pro.mousemove(function (e) {
- //鼠标移动
- if (tag) {
- left = e.pageX - ox;
- if (left <= 0) {
- left = 0;
- } else if (left > max) {
- left = max;
- }
- progress_btn.css("left", left);
- progress_bar.width(left);
- var _val = parseInt((left / max) * 100);
- progress_text.html(_val + "%");
- that.val(_val);
- that.change();
- }
- });
- progress_bg.click(function (e) {
- //鼠标点击
- if (!tag) {
- bgleft = progress_bg.offset().left;
- left = e.pageX - bgleft;
- if (left <= 0) {
- left = 0;
- } else if (left > max) {
- left = max;
- }
- progress_btn.css("left", left);
- progress_bar.animate({ width: left }, max);
- var _val = parseInt((left / max) * 100);
- progress_text.html(_val + "%");
- that.val(_val);
- that.change();
- }
- });
- });
- },
- });
- })(window.jQuery);
|