{"id":479,"date":"2017-01-03T16:15:46","date_gmt":"2017-01-03T08:15:46","guid":{"rendered":"http:\/\/loveuhouse.cn\/wordpress\/?p=479"},"modified":"2017-01-03T16:15:46","modified_gmt":"2017-01-03T08:15:46","slug":"jq-%e6%8f%92%e4%bb%b6%e5%8c%96-%e8%87%aa%e6%b6%88%e5%a4%b1%e6%b6%88%e6%81%af%e6%8f%90%e7%a4%ba","status":"publish","type":"post","link":"https:\/\/loveuhouse.cn\/wordpress\/?p=479","title":{"rendered":"jq \u63d2\u4ef6\u5316 \u81ea\u6d88\u5931\u6d88\u606f\u63d0\u793a"},"content":{"rendered":"<h3>js<\/h3>\n<pre class=\"lang:js decode:true\">\n\/\/arm\u4fe1\u606f\u63d0\u793a\u6a21\u5757\nfunction arm(str,type,addition){\n  var type=(typeof(type)==\"undefined\")?\"\":type;\n  var life;\n  switch (type) {\n    case \"warning\":\n      life=10000;\n      break;\n    case \"danger\":\n      life=\"long\"\n      break;\n    case \"info\":\n      life=10000;\n      break;\n    default:\n      type=\"default\";\n      life=10000;\n  }\n  ac=new armContant();\n  ac.create(str,type,life,addition)\n}\nvar armcount=0;\nfunction armContant(){\n  this.armid=++armcount;\n  var that = this;\n\n  this.color;\n  this.life;\n  this.text;\n  this.addition;\n  this.content;\n  this.closebtn=function(){\n    var span =document.createElement(\"span\");\n    span.innerHTML=\"X\";\n    span.className=\"arm_btn_close\";\n    span.addEventListener(\"click\",that.close);\n    return span;\n  }\n  this.colorArr={\n    \"warning\":[\"#F2753F\",\"#FFFC66\"],\n    \"danger\":[\"#D53627\",\"#F5F6EB\"],\n    \"info\":[\"#57D2F7\",\"#666\"],\n    \"default\":[\"#00C4AB\",\"#fff\"],\n  };\n  this.create=function(){\n    that.text=arguments[0];\n    that.color=that.colorArr[arguments[1]];\n    that.life=arguments[2]\n    that.addition=arguments[3];\n    \/\/\u5927\u5bb9\u5668\n    that.content=document.createElement(\"div\");\n    that.content.className=\"arm_bigcon\";\n    that.content.style.background=that.color[0];\n    that.content.style.color=that.color[1];\n    that.content.setAttribute(\"armid\",that.armid);\n\n    \/\/ \u56fe\u6807\u5bb9\u5668\n    var imgIcon = document.createElement(\"div\");\n    \/\/ imgIcon.className = \"arm_icon_logo\";\n    imgIcon.className = \"arm_icon_logo\";\n    imgIcon.innerHTML = \"\u5c0f\u51b0\u519b\u673a\u5904\";\n    that.content.appendChild(imgIcon);\n\n    \/\/-\u6587\u5b57\u5bb9\u5668\n    var strcon=document.createElement(\"div\");\n    strcon.className=\"arm_con\";\n    that.content.appendChild(strcon);\n\n    \/\/--\u6587\u5b57\n    var span=document.createElement(\"span\");\n    span.className=\"arm_str_main\";\n    span.innerHTML=that.text;\n    strcon.appendChild(span)\n\n    \/\/--\u989d\u5916\u5185\u5bb9\n    if(!!that.addition){\n      strcon.appendChild(that.addition);\n    }\n    \/\/--\u5173\u95ed\u6309\u94ae\n    that.content.appendChild(that.closebtn());\n\n    document.body.appendChild(that.content);\n    if(that.life!=\"long\"){\n      setTimeout(that.close,that.life);\n    }\n\n  }\n  this.close=function(){\n    $(\"[armid=\"+that.armid+\"]\").remove();\n  }\n}\n<\/pre>\n<h3>css<\/h3>\n<pre class=\"lang:css decode:true\">\n@charset \"UTF-8\";\n\/*arm*\/\n.arm_bigcon{\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  z-index: 99;\n}\n.arm_con{\n  position: relative;\n  margin: auto;\n  left: 0;right: 0;\n  top:0;\n  padding:10px;\n  width: 400px;\n}\n.arm_btn_close{\n  position: absolute;\n  margin: auto;\n  top:0;bottom: 0;\n  right:0;\n  width: 20px;height:20px;\n  cursor: pointer;\n}\n.arm_icon_logo{\n  position: absolute;\n  margin: auto;\n  top:0;bottom: 0;\n  left:0;\n  line-height: 40px;\n  height:40px;\n  width:100px;\n  padding:0 10px;\n  \/*background: url(..\/images\/miniice.png) no-repeat;*\/\n  \/*background-color: #fcfcfc;*\/\n  font-family: \"microsoft yahei\";\n  background-position: center;\n  background-size: 100% auto;\n\n}\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>js \/\/arm\u4fe1\u606f\u63d0\u793a\u6a21\u5757 function arm(str,type,addition){ var typ &hellip; <a href=\"https:\/\/loveuhouse.cn\/wordpress\/?p=479\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">jq \u63d2\u4ef6\u5316 \u81ea\u6d88\u5931\u6d88\u606f\u63d0\u793a<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/479"}],"collection":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=479"}],"version-history":[{"count":1,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/479\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}