{"id":2169,"date":"2017-04-27T15:51:42","date_gmt":"2017-04-27T07:51:42","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2169"},"modified":"2017-04-27T15:51:42","modified_gmt":"2017-04-27T07:51:42","slug":"pc%e6%bb%91%e5%8a%a8%e9%aa%8c%e8%af%81%e7%a0%81","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2169","title":{"rendered":"pc\u6ed1\u52a8\u9a8c\u8bc1\u7801"},"content":{"rendered":"
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<style type=\"text\/css\">\r\n#drag{ \r\n    position: relative;\r\n    background-color: #e8e8e8;\r\n    width: 300px;\r\n    height: 34px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n}\r\n#drag .handler{\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    width: 40px;\r\n    height: 32px;\r\n    border: 1px solid #ccc;\r\n    cursor: move;\r\n}\r\n.handler_bg{\r\n    background: #fff url(\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi\/P\/\/PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk\/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==\") no-repeat center;\r\n}\r\n.handler_ok_bg{\r\n    background: #fff url(\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi\/P\/\/PwMyKD8uZw+kUoDYEYgloMIvgHg\/EM\/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp\/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia\/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==\") no-repeat center;\r\n}\r\n#drag .drag_bg{\r\n    background-color: #7ac23c;\r\n    height: 34px;\r\n    width: 0px;\r\n}\r\n#drag .drag_text{\r\n    position: absolute;\r\n    top: 0px;\r\n    width: 300px;\r\n    -moz-user-select: none;\r\n    -webkit-user-select: none;\r\n    user-select: none;\r\n    -o-user-select:none;\r\n    -ms-user-select:none; \r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<center><br><br><br><div id=\"drag\"><\/div><\/center>\r\n\r\n<script src=\"http:\/\/www.lanrenzhijia.com\/ajaxjs\/jquery.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n\r\n\r\n\/* \r\n * drag 1.0\r\n * create by tony@jentian.com\r\n * date 2015-08-18\r\n * \u62d6\u52a8\u6ed1\u5757\r\n *\/\r\n(function($){\r\n    $.fn.drag = function(options){\r\n        var x, drag = this, isMove = false, defaults = {\r\n        };\r\n        var options = $.extend(defaults, options);\r\n        \/\/\u6dfb\u52a0\u80cc\u666f\uff0c\u6587\u5b57\uff0c\u6ed1\u5757\r\n        var html = '<div class=\"drag_bg\"><\/div>'+\r\n                    '<div class=\"drag_text\" onselectstart=\"return false;\" unselectable=\"on\">\u62d6\u52a8\u6ed1\u5757\u9a8c\u8bc1<\/div>'+\r\n                    '<div class=\"handler handler_bg\"><\/div>';\r\n        this.append(html);\r\n        \r\n        var handler = drag.find('.handler');\r\n        var drag_bg = drag.find('.drag_bg');\r\n        var text = drag.find('.drag_text');\r\n        var maxWidth = drag.width() - handler.width();  \/\/\u80fd\u6ed1\u52a8\u7684\u6700\u5927\u95f4\u8ddd\r\n        \r\n        \/\/\u9f20\u6807\u6309\u4e0b\u65f6\u5019\u7684x\u8f74\u7684\u4f4d\u7f6e\r\n        handler.mousedown(function(e){\r\n            isMove = true;\r\n            x = e.pageX - parseInt(handler.css('left'), 10);\r\n        });\r\n        \r\n        \/\/\u9f20\u6807\u6307\u9488\u5728\u4e0a\u4e0b\u6587\u79fb\u52a8\u65f6\uff0c\u79fb\u52a8\u8ddd\u79bb\u5927\u4e8e0\u5c0f\u4e8e\u6700\u5927\u95f4\u8ddd\uff0c\u6ed1\u5757x\u8f74\u4f4d\u7f6e\u7b49\u4e8e\u9f20\u6807\u79fb\u52a8\u8ddd\u79bb\r\n        $(document).mousemove(function(e){\r\n            var _x = e.pageX - x;\r\n            if(isMove){\r\n                if(_x > 0 && _x <= maxWidth){\r\n                    handler.css({'left': _x});\r\n                    drag_bg.css({'width': _x});\r\n                }else if(_x > maxWidth){  \/\/\u9f20\u6807\u6307\u9488\u79fb\u52a8\u8ddd\u79bb\u8fbe\u5230\u6700\u5927\u65f6\u6e05\u7a7a\u4e8b\u4ef6\r\n                    dragOk();\r\n                }\r\n            }\r\n        }).mouseup(function(e){\r\n            isMove = false;\r\n            var _x = e.pageX - x;\r\n            if(_x < maxWidth){ \/\/\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u5982\u679c\u6ca1\u6709\u8fbe\u5230\u6700\u5927\u8ddd\u79bb\u4f4d\u7f6e\uff0c\u6ed1\u5757\u5c31\u8fd4\u56de\u521d\u59cb\u4f4d\u7f6e\r\n                handler.css({'left': 0});\r\n                drag_bg.css({'width': 0});\r\n            }\r\n        });\r\n        \r\n        \/\/\u6e05\u7a7a\u4e8b\u4ef6\r\n        function dragOk(){\r\n            handler.removeClass('handler_bg').addClass('handler_ok_bg');\r\n            text.text('\u9a8c\u8bc1\u901a\u8fc7');\r\n            drag.css({'color': '#fff'});\r\n            handler.unbind('mousedown');\r\n            $(document).unbind('mousemove');\r\n            $(document).unbind('mouseup');\r\n        }\r\n    };\r\n})(jQuery);\r\n$('#drag').drag();\r\n<\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » pc\u6ed1\u52a8\u9a8c\u8bc1\u7801<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <style type=”text\/cs […]<\/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,230,171],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2169"}],"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=2169"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2169\/revisions"}],"predecessor-version":[{"id":2170,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2169\/revisions\/2170"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2169"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}