还是先把代码贴在这  后期再写感想

客户端OneSimple在线最近使用(){ ).val()]; ; 52 }); Array; ; ]; ; [ , , ], ]}, , , ], ]}, , , ], ]}, , , ], ]}, 82 ]; 83 function contains(arr, obj) { arr.length; ) { obj) { ; 88 } 89 } ; 91 } (e,i){ ); ; e.name; ; (){ ) 101 { document.getElementById(divId[divIdIndex]); ; ){ ; ){ ; 110 } 111 } ); ; e.id; 115 divId.push(div1.id); ; e.value){ ); j); ; e.value[j]; 125 } (){ ); ; ); 131 var jj; ); e.value[idIndex1]; e.value[idIndex1]); ; ; ; ) { testArr2[i]; e.value[i]; 145 } ) { 148 zjsyArr.push(zjsy1); zjsy1; 150 zjsy.appendChild(div3); 151 } zjsyArr){ ,h); (){ .id; zjsyArr[m] jj1; 159 } 160 } ss; 163 } } }); () { (e) { window.event; e.which : e.keyCode; ; 176 } 177 movePrev(); 178 } ) { 181 return; 182 } ).blur(); )) { 185 moveNext(); { ); 188 } ) { 191 dojob(); 192 } 193 }); () { ).blur(); ).prevAll().length; ) { ); { ); 201 } 202 } ).prevAll().length; ) { ); { ); 209 } 210 } () { ).blur(); ).text(); ); ).hide().html 216 } 217 }); jQuery.trim($(obj).val()); ) { ); ; 223 } ; ) { ) { } 230 } 231 } ) { ).show().html(html1); { ); 236 } 237 } getFocus(obj) { ); ); 242 } $(obj).text(); ).val(value); ); value; 248 }

css

1 html, body, div, span, applet, object, iframe, 2 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 a, abbr, acronym, address, big, cite, code, 4 del, dfn, em, img, ins, kbd, q, s, samp, 5 small, strike, strong, sub, sup, tt, var, 6 b, u, i, center, 7 dl, dt, dd, ol, ul, li, 8 fieldset, form, label, legend, 9 table, caption, tbody, tfoot, thead, tr, th, td, 10 article, aside, canvas, details, embed, 11 figure, figcaption, footer, header, hgroup, 12 menu, nav, output, ruby, section, summary, 13 time, mark, audio, video { 14 margin: 0; 15 padding: 0; 16 border: 0; 17 font-size: 100%; 18 font: inherit; 19 vertical-align: baseline; 20 } 21 /* HTML5 display-role reset for older browsers */ 22 article, aside, details, figcaption, figure, 23 footer, header, hgroup, menu, nav, section { 24 display: block; 25 } 26 body { 27 line-height: 1; 28 } 29 ol, ul { 30 list-style: none; 31 } 32 html{ 33 background-color: #FFEFD5; 34 } 35 blockquote, q { 36 quotes: none; 37 } 38 blockquote:before, blockquote:after, 39 q:before, q:after { 40 content: ''; 41 content: none; 42 } 43 table { 44 border-collapse: collapse; 45 border-spacing: 0; 46 } /* 50 ::-webkit-scrollar{ 51 width: 20px; 52 53 } 54 55 ::-webkit-scrollar-track-piece{ 56 background:#FFFFFF; 57 -webkit-border-radius:6px; 58 } 59 60 ::-webkit-scrollar-thumb:vertical{ 61 background-color: black; 62 -webkit-border-radius:6px; 63 }*/ ul,ol,li{list-style:none;} 67 input,button{ 68 margin:0; 69 vertical-align:middle; 70 } {font-family:'宋体';} 75 dl,dt,dd{display:block;margin:0;} 76 a{text-decoration:none;} 77 78 body{ 79 margin:0; 80 padding:0; 81 overflow-x:hidden; 82 font-family:Arial, Helvetica, sans-serif; 83 color:#000000; 84 margin:0 auto; 85 } 86 87 table{ 88 border-collapse:collapse; 89 border-spacing:0; 90 } 91 92 a{ 93 color:#333333 ; 94 outline:none 95 text-decoration:none; 96 } 97 98 a:hover{ 99 color:#00FFFF; 100 text-decoration:underline; 101 } 102 103 /*头像框*/ 104 .tx_box{ 105 /*padding: 8px;*/ 106 padding-top: 15px; 107 border-style: solid; 108 background-color: #FFEFD5; 109 border-color: #A9A9A9; 110 border-width: 1px; 111 } 112 113 .top_box{ 114 width: 85px; 115 height: 50px; 116 padding: 2px; 117 } 118 119 .to{ 120 width: 53px; 121 height: 50px; 122 border-radius: 50%; 123 position: absolute; 124 top: 50%; 125 left: 50%; 126 margin-left: -40px; 127 margin-top: -25px; 128 } 129 130 /*控制头像框的文字*/ 131 .to1 { 132 /*width: 20px; 133 height: 20px; */ 134 /*padding-left: 60px; */ 135 padding-top: 25px; 136 /* border-radius: 50%; */ 137 padding-left: 17px; 138 position: relative; 139 } 140 141 /* 左边框box*/ 142 .leftsidebar_box{ 143 position:fixed; 144 width:97.5%; 145 height:99%; 146 overflow: auto; 147 /*overflow:visible !important;*/ 148 /*position:fixed;*/ 149 /*border-width: 5px;*/ 150 padding: 2px; 151 border-style: solid; 152 border-color: #A9A9A9; 153 border-width: 3px; 154 /* float: right;*/ 155 156 } 157 158 /*搜索外边框*/ 159 .outside_box{ 160 /* padding: 1px; 161 top: 125px; 162 right:2px; 163 left:1px; 164 padding-right: 3px;*/ 165 margin-top:2px; 166 position:absolute; 167 padding: 1px; 168 right: 2px; 169 left: 2px; 170 border-style: solid; 171 background-color: #FFFFFF; 172 border-color: #A9A9A9; 173 border-width: 1px; 174 /*width: 96%;*/ 175 z-index: 3; 176 } 177 178 /*搜索成功的字体*/ 179 .highlight{ 180 background:green; 181 font-weight:bold; 182 color:white; 183 } 184 185 .search_box{ 186 background-image: url(image/search.png); 187 background-repeat: no-repeat ; 188 } 189 190 .search_div{ 191 192 } 193 194 .lanmu { 195 MARGIN: 0px auto; 196 width: auto; 197 height: 50px; 198 } 199 200 .lanmu span.fr{ 201 float:right; 202 margin-right:12px; 203 margin-top:25px; 204 /*display:inline; */ 205 } 206 207 /*上边框*/ 208 .mydpx .bottom { 209 PADDING-TOP: 3px; 210 HEIGHT: 30px; 211 } 212 213 .zjsy_box{ 214 height: 100%; 215 padding-bottom: 5px; 216 border-style: solid; 217 border-color: #A9A9A9; 218 border-width: 1px; 219 padding-top: 5px; 220 padding-left:10px; 221 padding-right: 8px; 222 overflow: auto; 223 background-color: #FFFFF4; 224 } 225 226 .content{ 227 width:90%; 228 height:25px; 229 float: left; 230 } 231 .content img{ 232 padding-top: 3px; 233 width:20px; 234 height:20px; 235 } 236 237 .leftsidebar_box dt{ 238 /*左边文字*/ 239 padding-left:0px; 240 padding-right:0px; 241 background-repeat:no-repeat; 242 background-position:10px center; 243 position:relative; 244 /*line-height:48px;*/ 245 cursor:pointer; 246 } 247 248 /*下拉框*/ 249 .leftsidebar_box dd{ 250 /*background-color:#FFFAFA;*/ 251 padding-left:1px; 252 } 253 254 /*下拉框文字*/ 255 .leftsidebar_box dd a{ 256 font-size: 15px; 257 font-weight:bold; 258 color:#696969; /*银白色*/ 259 line-height:20px; 260 } 261 262 .leftsidebar_box dl dd:last-child{ 263 padding-bottom:10px; 264 } 265 266 /*最近使用外框*/ 267 .div_b { 268 position:absolute; 269 padding: 1px; 270 top: 125px; 271 right:2px; 272 left:1px; 273 height:60px; 274 z-index: 1; 275 } 276 277 /*菜单栏的边框*/ 278 .div_c{ 279 /*margin: 1px;*/ 280 position:absolute; 281 padding-top: 5px; 282 padding: 2px; 283 top: 215px; 284 right:1px; 285 left:0px; 286 /*width:150px;*/ 287 288 } 289 290 .left_button{ 291 width: 100%; 292 height: 31px; 293 margin: 1px; 294 /* border-radius: 15%;*/ 295 border-color:black; 296 background-color:#FFFFFF; 297 } 298 299 .inside_box{ 300 /*border:none;*/ 301 height: 100%; 302 padding-bottom: 5px; 303 border-style: solid; 304 border-color: #A9A9A9; 305 border-width: 1px; 306 padding-top: 5px; 307 padding-left:8px; 308 padding-right: 8px; 309 310 } 311 312 .div_d{ 313 /*border-radius: 10%;*/ 314 width :99%; 315 /*width: 100px;*/ 316 height: 100px; 317 border-style: solid; 318 border-width: 1px; 319 background-color:#FFFFF4; 320 padding: 1px; 321 margin-right: 10px; 322 overflow: auto; 323 } 324 325 .picture{ 326 /* width:23px; 327 height:45px; 328 padding:1px; 329 float: left;*/ 330 /*cursor:pointer;*/ 331 padding: 2px; 332 margin: 1px; 333 color:#000000; 334 /*overflow:hidden;*/ 335 /*vertical-align:middle;*/ 336 /*font-weight:bold;*/ 337 font-size: 18px; 338 width:90%; 339 height:25px; 340 float: left; 341 } 342 343 .picture img{ 344 /*width:20px; 345 height:25px;*/ 346 347 padding-top: 3px; 348 width:20px; 349 height:20px; 350 } 351 352 .button1{ 353 margin-right:1px; 354 height: 31px; 355 background-color:#C6E2FF; 356 } 357 358 .item { 359 position:inherit; 360 padding: 3px 5px; 361 cursor: pointer; 362 background-color: white; 363 } 364 365 .addbg { 366 background: #99FFFF; 367 } 368 369 .first { 370 border: solid #87A900 2px; 371 width: 300px; 372 } 373 374 #append { 375 border: solid #87A900 2px; 376 border-top: 0; 377 display: none; 378 }