{"id":2378,"date":"2017-05-24T11:02:58","date_gmt":"2017-05-24T03:02:58","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2378"},"modified":"2017-05-24T11:02:58","modified_gmt":"2017-05-24T03:02:58","slug":"%e4%b8%a4%e4%b8%aa%e8%be%b9%e6%a1%86%e4%ba%a4%e4%ba%92%e5%b0%8f%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2378","title":{"rendered":"\u4e24\u4e2a\u8fb9\u6846\u4ea4\u4e92\u5c0f\u6548\u679c"},"content":{"rendered":"<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;title&gt;Title&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;style&gt;\r\n    dl,dd,dt,div,span{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .watchLogo{\r\n        width: 200px;\r\n        margin: 0 auto;\r\n\r\n    }\r\n    .watchLogo dl {\r\n\r\n        width: 180px;\r\n        height: 90px;\r\n        border: 1px solid #f3f3f3;\r\n        position: relative;\r\n        margin: 0px 21.3px 0px 0px;\r\n    }\r\n    .watchLogo dl dd.hover {\r\n        display: table;\r\n    }\r\n    .watchLogo dl dd {\r\n        width: 180px;\r\n        height: 90px;\r\n        text-align: center;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        background: #fff;\r\n        display: none;\r\n    }\r\n    .watchLogo dl dd div {\r\n        display: table-cell;\r\n        vertical-align: middle;\r\n    }\r\n    .watchLogo dl dd div span.span_l {\r\n        background: url(http:\/\/i1.piimg.com\/1949\/71b60a9febc098ad.png) no-repeat left top;\r\n        width: 0;\r\n        height: 0;\r\n        position: absolute;\r\n        left: -1px;\r\n        top: -1px;\r\n        overflow: hidden;\r\n    }\r\n    .watchLogo dl dd div span.span_r {\r\n        background: url(http:\/\/i1.piimg.com\/1949\/7c2801db55909f8b.png) right bottom;\r\n        width: 0;\r\n        height: 0;\r\n        position: absolute;\r\n        right: -1px;\r\n        bottom: -1px;\r\n        overflow: hidden;\r\n    }\r\n    .w2{\r\n        width: 180px;\r\n        height: 90px;\r\n        position: relative;\r\n        background: none;\r\n        margin-top: 30px;\r\n        box-sizing: border-box;\r\n        box-shadow: inset 0 0 0 0 transparent;\r\n        -webkit-transition: all 0.6s ease-in;\r\n        -moz-transition: all 0.6s ease-in;\r\n        -ms-transition: all 0.6s ease-in;\r\n        -o-transition: all 0.6s ease-in;\r\n        transition: all 0.6s ease-in;\r\n\r\n    }\r\n    .w2:after, .w2:before {\r\n        box-sizing: border-box;\r\n        border: 1px solid transparent;\r\n        width: 0;\r\n        height: 0;\r\n    }\r\n    .w2:before {\r\n        bottom: 0;\r\n        right: 0;\r\n        -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;\r\n        transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;\r\n\r\n    }\r\n\r\n    .w2:after{\r\n        top: 0;\r\n        left: 0;\r\n        -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;\r\n        transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;\r\n    }\r\n\r\n    .w2:before {\r\n        content: '';\r\n        display: block;\r\n        position: absolute;\r\n    }\r\n    .w2:after {\r\n        content: '';\r\n        display: block;\r\n        position: absolute;\r\n\r\n    }\r\n    .w2:hover{\r\n        \/*border: 1px solid #367dff;*\/\r\n    }\r\n    .w2:hover:after, .w2:hover:before {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .w2:hover:before {\r\n        border-bottom-color: #367dff;\r\n        border-left-color: #367dff;\r\n        -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;\r\n        transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;\r\n    }\r\n    .w2:hover:after {\r\n        border-top-color: #367dff;\r\n        border-right-color: #367dff;\r\n        -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;\r\n        transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;\r\n    }\r\n\r\n&lt;\/style&gt;\r\n\r\n&lt;body&gt;\r\n\r\n   &lt;div class=\"watchLogo\"&gt;\r\n        &lt;dl&gt;\r\n            &lt;dt&gt;\r\n                &lt;img src=\"http:\/\/oh4n64elp.bkt.clouddn.com\/kind\/\/e98c5d39428449d7aada303686f48797\"  width=\"180\" height=\"90\" alt=\"\" \/&gt;\r\n            &lt;\/dt&gt;\r\n            &lt;dd&gt;\r\n                &lt;div&gt;\r\n                    &lt;span class=\"wz\"&gt;\u767e\u8fbe\u7fe1\u4e3d&lt;\/span&gt;\r\n                    &lt;span class=\"span_l\"&gt;&lt;\/span&gt;\r\n                    &lt;span class=\"span_r\"&gt;&lt;\/span&gt;\r\n                &lt;\/div&gt;\r\n            &lt;\/dd&gt;\r\n        &lt;\/dl&gt;\r\n       &lt;div class=\"w2\"&gt;\r\n           &lt;img src=\"http:\/\/oh4n64elp.bkt.clouddn.com\/kind\/\/e98c5d39428449d7aada303686f48797\"  width=\"180\" height=\"90\" alt=\"\" \/&gt;\r\n       &lt;\/div&gt;\r\n   &lt;\/div&gt;\r\n\r\n\r\n\r\n&lt;\/body&gt;\r\n&lt;script src=\"http:\/\/libs.baidu.com\/jquery\/2.0.0\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script&gt;\r\n\r\n    $(\".watchLogo dl\").hover(function(){\r\n        $(this).children(\"dd\").addClass(\"hover\");\r\n        $(this).children(\"dd\").find(\".span_l\").animate({\"height\": \"92px\", \"width\": \"182px\"}, 300);\r\n        $(this).children(\"dd\").find(\".span_r\").animate({\"height\": \"92px\", \"width\": \"182px\"}, 300);\r\n    },function(){\r\n        $(this).children(\"dd\").removeClass(\"hover\");\r\n        $(this).children(\"dd\").find(\".span_l\").animate({\"height\":\"0\",\"width\":\"0px\"},0);\r\n        $(this).children(\"dd\").find(\".span_r\").animate({\"height\":\"0\",\"width\":\"0px\"},0);\r\n    })\r\n&lt;\/script&gt;\r\n&lt;\/html&gt;<\/pre>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=2378\">\u4e24\u4e2a\u8fb9\u6846\u4ea4\u4e92\u5c0f\u6548\u679c<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html lang=&#8221;en&#8221;&gt; &lt;head&gt; &lt;meta charset=&#8221;UTF-8&#8243;&gt; &lt;title&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,345],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2378"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2378"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2378\/revisions"}],"predecessor-version":[{"id":2379,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2378\/revisions\/2379"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2378"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}