<html> <head> <style> .hX { cursor: pointer; display: inline-table; margin-right: 4px; margin-top: **x; vertical-align: top; } .cf { border-collapse: collapse; } .ha { color: #000000; font-family: arial,sans-serif; font-size: 100%; } .hY .hM, .hQ .hM { height: 1px; } .hT, .hW, .hS { width: 1px; } .hR .hM { padding-bottom: 1px; } .hU, .hV { -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; font-family: verdana,arial,sans-serif; font-size: 9px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; } .hO { padding-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; } .hN { padding-left: 4px; padding-right: 6px; } </style> <script> window.onload = function(){ var div = document.getElementById('div'); var tabHtml = tabArray.join(' '); div.innerHTML = tabHtml; var planTab = document.getElementById('planTab_1'); var r = planTab.rows; var up0 = r[0].cells[1]; var down0 = r[2].cells[1]; var left0 = r[1].cells[0]; var center0 = r[1].cells[1]; var up1 = r[0].cells[3]; var down1 = r[2].cells[3]; var center1 = r[1].cells[3]; var right1 = r[1].cells[4]; center0.onmouseover = center1.onmouseover = function(){ var style1 = "background-color:rgb(0, 102, 51);color:rgb(241, 245, 236)"; this.style.cssText = style1; if(this == center0){ up0.style.cssText = style1; down0.style.cssText = style1; left0.style.cssText = style1; }else if(this == center1){ up1.style.cssText = style1; down1.style.cssText = style1; right1.style.cssText = style1; } }; center0.onmouseout = center1.onmouseout = function(){ var style1 = "background-color: rgb(241, 245, 236);color:rgb(0, 102, 51);"; this.style.cssText = style1; if(this == center0){ up0.style.cssText = style1; down0.style.cssText = style1; left0.style.cssText = style1; }else if(this == center1){ up1.style.cssText = style1; down1.style.cssText = style1; right1.style.cssText = style1; } }; } var tabArray = [ '<table id="planTab_1" cellpadding="0" > ', ' <tbody> ', ' <tr > ', ' <td ></td> ', ' <td ></td> ', ' <td ></td> ', ' <td ></td> ', ' <td ></td> ', ' </tr> ', ' <tr > ', ' <td ></td> ', ' <td > ', ' <div alt="一元一本" title="一元一本" name="planName" >一元一本</div> ', ' </td> ', ' <td ></td> ', ' <td > ', ' <span alt="删除" title="删除" name="dw0_11_01" >X</span> ', ' </td> ', ' <td ></td> ', ' </tr> ', ' <tr > ', ' <td ></td> ', ' <td ></td> ', ' <td ></td> ', ' <td ></td> ', ' <td ></td> ', ' </tr> ', ' </tbody> ', '</table> ' ]; </script> </head> <body> <div id="div"></div> </body> </html>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....