{"id":2416,"date":"2020-02-11T11:44:49","date_gmt":"2020-02-11T03:44:49","guid":{"rendered":"http:\/\/www.yuguoxy.com\/geekhome\/?p=2416"},"modified":"2020-02-11T11:45:30","modified_gmt":"2020-02-11T03:45:30","slug":"%e5%90%91%e4%b8%8a%e6%bb%9a%e5%8a%a8%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=2416","title":{"rendered":"\u5411\u4e0a\u6eda\u52a8\u6548\u679c"},"content":{"rendered":"

\u672c\u6587\u5c06\u5e26\u4f60\u5b9e\u73b0\u5411\u4e0a\u6eda\u52a8\u52a8\u753b\u6548\u679c\uff0c<\/p>\n

\"job\"<\/a><\/p>\n

 <\/p>\n

\u4e00\u3001\u7b2c\u4e00\u6b65html\u9875\u9762\u4ee3\u7801<\/p>\n

[html]
\n <div class="job" style="width: 1200px; margin: 0 auto;">
\n <div class="panel panel-info">
\n <div class="panel-heading job-title">
\n <span>\u59d3\u540d<\/span>
\n <span>\u5b66\u5386<\/span>
\n <span>\u4e13\u4e1a<\/span>
\n <span>\u5c31\u4e1a\u516c\u53f8<\/span>
\n <span>\u5165\u804c\u5c97\u4f4d<\/span>
\n <span>\u5e74\u85aa<\/span>
\n <span>\u5c31\u4e1a\u57ce\u5e02<\/span>
\n <\/div>
\n <div class="panel-body job-information">
\n <div class="col-md-12 ul-table" id="ul-table">
\n <ul id="uls">
\n <li><span>\u5f20*\u5f3a<\/span><span>\u5927\u4e13<\/span><span>\u8ba1\u7b97\u673a\u5e94\u7528<\/span><span>\u6df1\u5733\u5b89**\u6770\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>java\u5de5\u7a0b\u5e08<\/span><span>6.0W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u674e*\u94c3<\/span><span>\u5927\u4e13<\/span><span>\u519c\u5b66\u4e0e\u751f\u7269\u79d1\u6280<\/span><span>\u6210\u90fd\u683c**\u5179\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>web\u524d\u7aef\u5de5\u7a0b\u5e08<\/span><span>6.5W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u4e94*\u6d69<\/span><span>\u5927\u4e13<\/span><span>\u8ba1\u7b97\u673a\u5e94\u7528<\/span><span>\u6210\u90fd\u5343**\u4fe1\u606f\u6280\u672f\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>7.2W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u7f57*\u7fd4<\/span><span>\u5927\u4e13<\/span><span>\u673a\u68b0\u5236\u9020<\/span><span>\u6210\u90fd\u683c**\u5179\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>7.8W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u674e*\u9e4f<\/span><span>\u672c\u79d1<\/span><span>\u571f\u6728\u5de5\u7a0b<\/span><span>\u6210\u90fd\u683c**\u5179\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>7.8W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u5f20*\u6770<\/span><span>\u4e13\u79d1<\/span><span>\u7164\u7530\u5730\u8d28<\/span><span>\u4e2d**\u521b\u8fbe\u8f6f\u4ef6\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/span><span>java\u5de5\u7a0b\u5e08<\/span><span>7.0W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u8bb8*\u6587<\/span><span>\u672c\u79d1<\/span><span>\u673a\u68b0\u8bbe\u8ba1\u5236\u9020\u53ca\u5176\u81ea\u52a8\u5316<\/span><span>\u5317\u4eac\u94f6**\u670d\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>7.8W<\/span><span>\u897f\u5b89<\/span>
\n <li><span>\u674e*\u5ef7<\/span><span>\u4e13\u79d1<\/span><span>\u5de5\u5546\u7ba1\u7406<\/span><span>\u897f\u5b89\u79d1**\u667a\u80fd\u6280\u672f\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>5.9W<\/span><span>\u897f\u5b89<\/span>
\n <li><span>\u949f*\u71d5<\/span><span>\u672c\u79d1<\/span><span>\u7535\u6c14\u5de5\u7a0b\u53ca\u5176\u81ea\u52a8\u5316<\/span><span>\u4e2d\u8f6f**\u670d\u52a1\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>12W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u674e*\u6cbb<\/span><span>\u672c\u79d1<\/span><span>\u8f6f\u4ef6\u5de5\u7a0b<\/span><span>\u56db\u5ddd\u897f**\u4fe1\u606f\u6280\u672f\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>7.8W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u738b*\u9f99<\/span><span>\u672c\u79d1<\/span><span>\u571f\u6728\u5de5\u7a0b<\/span><span>\u56db\u5ddd\u4e16\u7eaa**\u7cfb\u7edf\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>11.1W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u6768*\u5d2d<\/span><span>\u5927\u4e13<\/span><span>\u7535\u5b50\u4fe1\u606f\u5de5\u7a0b<\/span><span>\u7d2b**\u4e91\u6570\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>8.5W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u4f55*\u6625<\/span><span>\u672c\u79d1<\/span><span>\u7535\u6c14\u5de5\u7a0b\u53ca\u5176\u81ea\u52a8\u5316<\/span><span>\u56db\u5ddd\u4e16\u7eaa**\u7cfb\u7edf\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>8.5W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u5f20*\u8c6a<\/span><span>\u672c\u79d1<\/span><span>\u7535\u5b50\u4fe1\u606f\u5de5\u7a0b<\/span><span>\u6210\u90fd\u6570**\u8f6f\u4ef6\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>5.2W<\/span><span>\u6210\u90fd<\/span>
\n <li><span>\u5218*\u521a<\/span><span>\u5927\u4e13<\/span><span>\u571f\u6728\u5de5\u7a0b<\/span><span>\u6df1\u5733\u5e02\u62d3**\u8f6f\u4ef6\u6709\u9650\u516c\u53f8<\/span><span>web\u524d\u7aef\u5de5\u7a0b\u5e08<\/span><span>14.3W<\/span><span>\u4e0a\u6d77<\/span>
\n <li><span>\u5218*\u658c<\/span><span>\u672c\u79d1<\/span><span>\u5efa\u7b51\u5b66<\/span><span>\u4e0a\u6d77\u4e2d**\u4fe1\u606f\u79d1\u6280\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>16.9W<\/span><span>\u4e0a\u6d77<\/span>
\n <li><span>\u90dd*\u5efa<\/span><span>\u672c\u79d1<\/span><span>\u751f\u7269\u5de5\u7a0b<\/span><span>\u4e1c**\u5bcc\u4fe1\u606f\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/span><span>Java\u5de5\u7a0b\u5e08<\/span><span>16.9W<\/span><span>\u4e0a\u6d77<\/span>
\n <\/ul>
\n <ul id="uls2"><\/ul>
\n <\/div>
\n <\/div><\/p>\n

<\/div>
\n <\/div>
\n[\/html]<\/p>\n

\u7b2c\u4e8c\u6b65\uff1a css\u4ee3\u7801<\/p>\n

[css]
\n.box {
\n border-radius: 8px;
\n background-color: #fff;
\n border: 1px solid rgba(0, 0, 0, .14);
\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
\n padding: 15px 20px;
\n}<\/p>\n

\/* \u5c31\u4e1a\u4fe1\u606f *\/<\/p>\n

.job span.glyphicon {
\n color: #3f9fcf;
\n}<\/p>\n

.job .panel span {
\n display: inline-block;
\n width: 10%;
\n padding: 9px 0px;
\n overflow: hidden;
\n text-align: center;
\n}<\/p>\n

.job .panel-body span {
\n padding: 0;
\n height: 38px;
\n line-height: 38px;
\n}<\/p>\n

.job-information .ul-table {
\n height: 350px;
\n overflow: auto;
\n overflow-y: hidden;
\n}<\/p>\n

.job-information ul li {
\n display: block;
\n height: 38px;
\n}<\/p>\n

.job-title span {
\n background: none;
\n padding: 0 !important;
\n}<\/p>\n

.job-title {
\n color: #31708f;
\n background-color: #d9edf7;
\n border-color: #bce8f1;
\n}<\/p>\n

.job-title span:nth-child(3),
\n.job ul li span:nth-child(3) {
\n width: 15%;
\n}<\/p>\n

.job-title span:nth-child(4) {
\n width: 30%;
\n}<\/p>\n

.job ul {
\n width: 100%;
\n padding: 0;
\n margin: 0;
\n}<\/p>\n

.job ul li {
\n width: 100%;
\n list-style: none;
\n}<\/p>\n

.job ul li span:nth-child(6) {
\n font-weight: 700;
\n width: 11%;
\n}<\/p>\n

.job ul li span:nth-child(4) {
\n width: 32%;
\n}<\/p>\n

.job .ul-table li:nth-child(2n) {
\n background: #eff8fc;
\n}
\n[\/css]<\/p>\n

\u7b2c\u4e09\u6b65:javscript\u4ee3\u7801<\/p>\n

[javascript]
\n<script src="..\/js\/jquery.js"><\/script><\/p>\n

\t<script>
\n $(function () {
\n\t\t\t\/\/\u5c31\u4e1a\u4fe1\u606f\u5411\u4e0a\u6eda\u52a8
\n\t\t\tscore_msg("ul-table", "uls", "uls2");
\n\t\t})
\n\t\t\/\/\u5c31\u4e1a\u4fe1\u606f\u5411\u4e0a\u6eda\u52a8
\n\t\tfunction score_msg(tableID, ulsID, uls2ID) {
\n\t\t\t$("#" + uls2ID).html($("#" + ulsID).html());
\n\t\t\tvar i = 0;
\n\t\t\tvar speed = 10;
\n\t\t\tvar timer = setInterval(run, speed);<\/p>\n

\t\t\tfunction run() {
\n\t\t\t\tvar a = $("#" + ulsID).height();
\n\t\t\t\tvar b = $("#" + tableID).scrollTop();
\n\t\t\t\tif (a <= b) {
\n\t\t\t\t\ti = b – a;
\n\t\t\t\t}
\n\t\t\t\t$("#" + tableID).scrollTop(i);
\n\t\t\t\ti++;
\n\t\t\t}
\n\t\t\t$("#" + tableID).mouseover(function () {
\n\t\t\t\tclearInterval(timer);
\n\t\t\t\t$("#" + tableID).css({
\n\t\t\t\t\toverflowY: "scroll"
\n\t\t\t\t});
\n\t\t\t\ti = $("#" + tableID).scrollTop();
\n\t\t\t});
\n\t\t\t$("#" + tableID).mouseout(function () {
\n\t\t\t\t$("#" + tableID).css({
\n\t\t\t\t\toverflowY: "hidden"
\n\t\t\t\t});
\n\t\t\t\ttimer = setInterval(run, speed)
\n\t\t\t});<\/p>\n

\t\t}
\n\t<\/script>
\n[\/javascript]<\/p>\n","protected":false},"excerpt":{"rendered":"

\u672c\u6587\u5c06\u5e26\u4f60\u5b9e\u73b0\u5411\u4e0a\u6eda\u52a8\u52a8\u753b\u6548\u679c\uff0c   \u4e00\u3001\u7b2c\u4e00\u6b65html\u9875\u9762\u4ee3\u7801 [html] <div cl […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[109,105],"tags":[],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/2416"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2416"}],"version-history":[{"count":5,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/2416\/revisions"}],"predecessor-version":[{"id":2422,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/2416\/revisions\/2422"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}