【备份一下】【JS自用案例3-2】创建显示按钮

需求：因为简化JS的一些内容，例如登录框有时候还是需要的，整个显示登录框的按钮

var eleAppeend = document.getElementsByTagName("body")[0]

//区别于函数，用了钩子和const类型
const lamsButton = (buttonNum = "1", para = eleAppeend) => {
    var ButCre = document.createElement("button");

    //添加Class属性，一般用不上，除非回调自己的div
    var divClass = document.createAttribute("class");
    var ClassName = "lamsdivClassValue"+buttonNum
    divClass.value = ClassName;
    ButCre.setAttributeNode(divClass);


	  ButCre.innerHTML = "我就是按钮 【"+ buttonNum +"】 ！怎么啦！";

//为div添加样式 简洁大方为主，调字体大小、div高度
    var style = document.createAttribute("style");
    ButCre.setAttributeNode(style);


    ButCre.style.height = "40px";
    ButCre.style.width = "75px";
    ButCre.style.background = "#4662d9";
    //粉红
    //ButCre.style.background = "rgb(237, 79, 121)";

    ButCre.style.borderRadius = "20px"

    ButCre.style.color = "#fff"
    ButCre.style.border = "2px"
    ButCre.style.solid = "#73A6F8"
    ButCre.style.fontWeight = "bold"
    
    ButCre.style.cursor="pointer"
    ButCre.style.marginLeft = "10px"

//如果想固定按钮一直悬浮页面，添加以下style即可
    ButCre.style.position = "fixed";
    ButCre.style.bottom = "50%";
    ButCre.style.right = "10px";


// 为创建的标签ButCre找一个爸爸贴贴，也就是设置标签的位置
    if(para){
        para.appendChild(ButCre);
    }


//触发多次 注意添加JQ库
// @require      http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js

      $("."+  ClassName ).click(() => {
        console.log("click more Button"+buttonNum + " now");
       });

};


function ClickNoneDisplayByName(para){
  if(para.style.display != "none"){
      para.style.display = "none"
  }else{
      para.style.display = "inline"

  }
}

//修改并替换
var eleAppeend1 = document.getElementsByTagName("body")[0]

setTimeout(function(){

    //创建1号按钮、2号按钮
    lamsButton("1",para = eleAppeend);

   $(".lamsdivClassValue1").click(() => {
	ClickNoneDisplayByName(document.getElementsByClassName("CLASS_NAME")[0])
	
   });


}, 2000);