{"id":344304,"date":"2021-02-09T22:01:25","date_gmt":"2021-02-09T14:01:25","guid":{"rendered":"http:\/\/4563.org\/?p=344304"},"modified":"2021-02-09T22:01:25","modified_gmt":"2021-02-09T14:01:25","slug":"%e4%b8%80%e4%bb%bd%e4%b8%bb%e9%a1%b5-%e7%9a%84-css-%e6%a0%b7%e5%bc%8f%e4%bf%ae%e6%94%b9","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=344304","title":{"rendered":"\u4e00\u4efd\u4e3b\u9875 \u7684 css \u6837\u5f0f\u4fee\u6539"},"content":{"rendered":"
\n
\n
\n

\u4e00\u4efd\u4e3b\u9875 \u7684 css \u6837\u5f0f\u4fee\u6539 <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : wuhuanen <\/span> <\/i> 3<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
window.onload = function () {<\/p>\n

\/\/ \u5207\u6362\u641c\u7d22\u5f15\u64ce
function chang(){
let dwdd = document.querySelector(“.seach2 i”).className;
let qurl =”https:\/\/www.baidu.com\/s?ie=utf-8″;
let qname = “wd”;
if (dwdd == “icon-baidu”) {
} else if (dwdd == “icon-google”) {
qurl =”https:\/\/www.google.com\/search?hl=zh-CN”;
qname =”q”;
} else if (dwdd == “icon-S”) {
qurl =”https:\/\/www.sogou.com\/web”;
qname =”query”;
} else if (dwdd == “icon-bing”) {
qurl =”https:\/\/cn.bing.com\/search”;
qname =”q”;
}
document.getElementById(“form”).action = qurl;
document.getElementsByClassName(“wd”)[0].name = qname;
}<\/p>\n

let seach1 = document.getElementsByClassName(“seach1”)[0];
let seach2 = document.getElementsByClassName(“seach2”)[0];
let seach3 = document.getElementsByClassName(“seach3”)[0];<\/p>\n

\/\/ \u5207\u6362\u641c\u7d22\u56fe\u6807
seach2.addEventListener(“click”, select);
function select() {
let wd = document.getElementsByClassName(“wd”)[0].value;
if (wd == “” || wd == null) {
seach3.style.display = “block”;
this.style.display = “none”;
seach1.style.boxShadow = “10px 10px 5px #888888”;
} else {
document.getElementById(“form”).submit();
}
} <\/p>\n

let s3 = seach3.getElementsByTagName(“i”);
for(let i=0;i<s3.length;i++){
s3[i].addEventListener(“click”, select3,true);
}<\/p>\n

function select3(event){
\/\/ console.log(event);
let evn = event.srcElement||event.target;
document.querySelector(“.seach2 i”).className = evn.className;
document.querySelector(“.seach2 i”).style.color = evn.style[“color”];
seach2.style.display = “block”;
seach3.style.display = “none”;
seach1.style.boxShadow = “”;
chang();
}<\/p>\n

\/\/\u83dc\u5355\u70b9\u51fb
let menu = document.getElementById(“menu”);
menu.addEventListener(“click”,function (event) {
menu.classList.toggle(“on”);
document.getElementsByClassName(“list”)[0].classList.toggle(“closed”);
});<\/p>\n

document.getElementById(“content”).addEventListener(“click”,function (event) {
if(menu.classList.contains(“on”)){menu.classList.remove(‘on’);}
document.getElementsByClassName(“list”)[0].classList.add(‘closed’);
seach3.style.display = “none”;
seach2.style.display = “block”;
seach1.style.boxShadow = “”;<\/p>\n

},true);
};<\/p>\n

\u8fd9\u662f\u4e3b\u9875\u7684\u6837\u5f0f\u7684 css <\/p>\n

\u539f\u4ef6\u5728\u8fd9\u91cc\uff1a
\u94fe\u63a5: https:\/\/pan.baidu.com\/s\/1PSr8tdMWBTFKLVQLt4hFtQ \u63d0\u53d6\u7801: s147 \u590d\u5236\u8fd9\u6bb5\u5185\u5bb9\u540e\u6253\u5f00\u767e\u5ea6\u7f51\u76d8\u624b\u673a App\uff0c\u64cd\u4f5c\u66f4\u65b9\u4fbf\u54e6<\/p>\n

\u6211\u5c31\u60f3\u5728\u8fd9\u4e2a\u641c\u7d22\u7684\u4e3b\u9875\u591a\u4e2a dogedoge \u7684\u641c\u7d22\u6309\u94ae
\u662f\u4e0d\u662f\u7b80\u5355\u5728} else if \u540e \u4eff\u5199\u5c31\u597d\u4e86 \u4e0d\u7528\u52a8\u5176\u4ed6\u5730\u65b9\u5440<\/p>\n

\u8bf7\u6559\u4e0b\u8bf8\u4f4d <\/p><\/div>\n

\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (0<\/span>) <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n
    \n
  • \n","protected":false},"excerpt":{"rendered":"

    \u4e00\u4efd\u4e3b\u9875 \u7684 css \u6837\u5f0f\u4fee\u6539 \u8cc7…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/344304"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=344304"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/344304\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=344304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=344304"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=344304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}