查看完整版本: 常用js代码大全

常用js代码大全

[color=#000000]一、打开页面自动最大化。

[color=#0000cc]<[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]
self[color=#0000cc].[/color]moveTo[color=#0000cc]([/color]0[color=#0000cc],[/color]0[color=#0000cc])[/color]
self[color=#0000cc].[/color]resizeTo[color=#0000cc]([/color]screen[color=#0000cc].[/color]availWidth[color=#0000cc],[/color]screen[color=#0000cc].[/color]availHeight[color=#0000cc])[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]

二、显示现在时间

[color=#0000cc]<[/color][color=#0000ff]script[/color] [color=#ff0000]language[/color][color=#0000cc]=[/color]vbscript[color=#0000cc]>[/color]document[color=#0000cc].[/color]write now[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]

三、过长文本的显示限制

[color=#0000cc]<[/color][color=#0000ff]DIV[/color] [color=#0000ff]STYLE[/color][color=#0000cc]=[/color][color=#ff00ff]"width: 120px; height: 50px; border: 1px solid blue;

            overflow: hidden; text-overflow:ellipsis"[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]NOBR[/color][color=#0000cc]>[/color]就是比如有一行文字很长表格内一行显示不下[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]NOBR[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]DIV[/color][color=#0000cc]>[/color]

四、文本链接渐隐渐显

[color=#0000cc]<[/color][color=#0000ff]!DOCTYPE[/color] [color=#0000ff]HTML[/color] PUBLIC [color=#ff00ff]"-//W3C//DTD HTML 4.0 Transitional//EN"[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]HTML[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]HEAD[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]TITLE[/color][color=#0000cc]>[/color] New Document [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]TITLE[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]META[/color] [color=#ff0000]NAME[/color][color=#0000cc]=[/color][color=#ff00ff]"Generator"[/color] [color=#ff0000]CONTENT[/color][color=#0000cc]=[/color][color=#ff00ff]"EditPlus"[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]META[/color] [color=#ff0000]NAME[/color][color=#0000cc]=[/color][color=#ff00ff]"Author"[/color] [color=#ff0000]CONTENT[/color][color=#0000cc]=[/color][color=#ff00ff]""[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]META[/color] [color=#ff0000]NAME[/color][color=#0000cc]=[/color][color=#ff00ff]"Keywords"[/color] [color=#ff0000]CONTENT[/color][color=#0000cc]=[/color][color=#ff00ff]""[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]META[/color] [color=#ff0000]NAME[/color][color=#0000cc]=[/color][color=#ff00ff]"Description"[/color] [color=#ff0000]CONTENT[/color][color=#0000cc]=[/color][color=#ff00ff]""[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]HEAD[/color][color=#0000cc]>[/color]



[color=#0000cc]<[/color][color=#0000ff]BODY[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]script[/color] [color=#ff0000]language[/color][color=#0000cc]=[/color][color=#ff00ff]"javascript"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"text/javascript"[/color][color=#0000cc]>[/color]





startColor [color=#0000cc]=[/color] [color=#ff00ff]"#671700"[/color][color=#0000cc];[/color] [color=#0000cc]/[/color][color=#0000cc]/[/color] 定义链接颜色

endColor [color=#0000cc]=[/color] [color=#ff00ff]"#D8D1C5"[/color][color=#0000cc];[/color]  [color=#0000cc]/[/color][color=#0000cc]/[/color] 定义要渐变到最后的颜色



stepIn [color=#0000cc]=[/color] 17[color=#0000cc];[/color]

stepOut [color=#0000cc]=[/color] 23[color=#0000cc];[/color]



[color=#0000cc]/[/color][color=#0000cc]*[/color]

定义是否让所有的文本链接自动渐变，true为是，false为否

[color=#0000cc]*[/color][color=#0000cc]/[/color]

autoFade [color=#0000cc]=[/color] true[color=#0000cc];[/color]  



[color=#0000cc]/[/color][color=#0000cc]*[/color]

在这里定义css样式里的类class：fade，如果为true，那么你要将要渐变的链接上加上此fade样式

[color=#0000cc]*[/color][color=#0000cc]/[/color]

sloppyClass [color=#0000cc]=[/color] false[color=#0000cc];[/color]



hexa [color=#0000cc]=[/color] new makearray[color=#0000cc]([/color]16[color=#0000cc])[/color][color=#0000cc];[/color]

[color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color] [color=#0000cc]=[/color] 0[color=#0000cc];[/color] [color=#0000ff]i[/color] [color=#0000cc]<[/color] 10[color=#0000cc];[/color] [color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

    hexa[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color] [color=#0000cc]=[/color] [color=#0000ff]i[/color][color=#0000cc];[/color]

hexa[color=#0000cc][[/color]10[color=#0000cc]][/color][color=#0000cc]=[/color][color=#ff00ff]"a"[/color][color=#0000cc];[/color] hexa[color=#0000cc][[/color]11[color=#0000cc]][/color][color=#0000cc]=[/color][color=#ff00ff]"b"[/color][color=#0000cc];[/color] hexa[color=#0000cc][[/color]12[color=#0000cc]][/color][color=#0000cc]=[/color][color=#ff00ff]"c"[/color][color=#0000cc];[/color]

hexa[color=#0000cc][[/color]13[color=#0000cc]][/color][color=#0000cc]=[/color][color=#ff00ff]"d"[/color][color=#0000cc];[/color] hexa[color=#0000cc][[/color]14[color=#0000cc]][/color][color=#0000cc]=[/color][color=#ff00ff]"e"[/color][color=#0000cc];[/color] hexa[color=#0000cc][[/color]15[color=#0000cc]][/color][color=#0000cc]=[/color][color=#ff00ff]"f"[/color][color=#0000cc];[/color]



document[color=#0000cc].[/color][color=#ff0000]onmouseover[/color] [color=#0000cc]=[/color] domouseover[color=#0000cc];[/color]

document[color=#0000cc].[/color][color=#ff0000]onmouseout[/color] [color=#0000cc]=[/color] domouseout[color=#0000cc];[/color]



startColor [color=#0000cc]=[/color] dehexize[color=#0000cc]([/color]startColor[color=#0000cc].[/color]toLowerCase[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

endColor [color=#0000cc]=[/color] dehexize[color=#0000cc]([/color]endColor[color=#0000cc].[/color]toLowerCase[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]



[color=#0000ff]var[/color] fadeId [color=#0000cc]=[/color] new Array[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]



function dehexize[color=#0000cc]([/color][color=#ff0000]Color[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

[color=#0000ff]var[/color] colorArr [color=#0000cc]=[/color] new makearray[color=#0000cc]([/color]3[color=#0000cc])[/color][color=#0000cc];[/color]

[color=#ff0000]for[/color] [color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc]=[/color]1[color=#0000cc];[/color] [color=#0000ff]i[/color][color=#0000cc]<[/color]7[color=#0000cc];[/color] [color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

  [color=#ff0000]for[/color] [color=#0000cc]([/color]j[color=#0000cc]=[/color]0[color=#0000cc];[/color] j[color=#0000cc]<[/color]16[color=#0000cc];[/color] j[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

   if [color=#0000cc]([/color][color=#ff0000]Color[/color][color=#0000cc].[/color]charAt[color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc])[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] hexa[color=#0000cc][[/color]j[color=#0000cc]][/color][color=#0000cc])[/color][color=#0000cc]{[/color]

    if [color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc]%[/color]2 ![color=#0000cc]=[/color]0[color=#0000cc])[/color]

     colorArr[color=#0000cc][[/color]Math[color=#0000cc].[/color]floor[color=#0000cc]([/color][color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000ff]-[/color]1[color=#0000cc])[/color][color=#0000cc]/[/color]2[color=#0000cc])[/color][color=#0000cc]][/color][color=#0000cc]=[/color]eval[color=#0000cc]([/color]j[color=#0000cc])[/color][color=#0000cc]*[/color]16[color=#0000cc];[/color]

    else

     colorArr[color=#0000cc][[/color]Math[color=#0000cc].[/color]floor[color=#0000cc]([/color][color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000ff]-[/color]1[color=#0000cc])[/color][color=#0000cc]/[/color]2[color=#0000cc])[/color][color=#0000cc]][/color][color=#0000cc]+[/color][color=#0000cc]=[/color]eval[color=#0000cc]([/color]j[color=#0000cc])[/color][color=#0000cc];[/color]

   [color=#0000cc]}[/color]

  [color=#0000cc]}[/color]

[color=#0000cc]}[/color]

return colorArr[color=#0000cc];[/color]

[color=#0000cc]}[/color]



function domouseover[color=#0000cc]([/color][color=#0000cc])[/color] [color=#0000cc]{[/color]

  if[color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc])[/color][color=#0000cc]{[/color]

   [color=#0000ff]var[/color] srcElement [color=#0000cc]=[/color] event[color=#0000cc].[/color]srcElement[color=#0000cc];[/color]

   if [color=#0000cc]([/color][color=#0000cc]([/color]srcElement[color=#0000cc].[/color]tagName [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"A"[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] autoFade[color=#0000cc])[/color] [color=#0000cc]|[/color][color=#0000cc]|[/color] srcElement[color=#0000cc].[/color]className [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"fade"[/color] [color=#0000cc]|[/color][color=#0000cc]|[/color] [color=#0000cc]([/color]sloppyClass [color=#0000cc]&[/color][color=#0000cc]&[/color] srcElement[color=#0000cc].[/color]className[color=#0000cc].[/color]indexOf[color=#0000cc]([/color][color=#ff00ff]"fade"[/color][color=#0000cc])[/color] ![color=#0000cc]=[/color] -1[color=#0000cc])[/color][color=#0000cc])[/color]

        fade[color=#0000cc]([/color]startColor[color=#0000cc],[/color]endColor[color=#0000cc],[/color]srcElement[color=#0000cc].[/color]uniqueID[color=#0000cc],[/color]stepIn[color=#0000cc])[/color][color=#0000cc];[/color]      

   [color=#0000cc]}[/color]

[color=#0000cc]}[/color]



function domouseout[color=#0000cc]([/color][color=#0000cc])[/color] [color=#0000cc]{[/color]

  if [color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc])[/color][color=#0000cc]{[/color]

   [color=#0000ff]var[/color] srcElement [color=#0000cc]=[/color] event[color=#0000cc].[/color]srcElement[color=#0000cc];[/color]

    if [color=#0000cc]([/color][color=#0000cc]([/color]srcElement[color=#0000cc].[/color]tagName [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"A"[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] autoFade[color=#0000cc])[/color] [color=#0000cc]|[/color][color=#0000cc]|[/color] srcElement[color=#0000cc].[/color]className [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"fade"[/color] [color=#0000cc]|[/color][color=#0000cc]|[/color] [color=#0000cc]([/color]sloppyClass [color=#0000cc]&[/color][color=#0000cc]&[/color] srcElement[color=#0000cc].[/color]className[color=#0000cc].[/color]indexOf[color=#0000cc]([/color][color=#ff00ff]"fade"[/color][color=#0000cc])[/color] ![color=#0000cc]=[/color] -1[color=#0000cc])[/color][color=#0000cc])[/color]

        fade[color=#0000cc]([/color]endColor[color=#0000cc],[/color]startColor[color=#0000cc],[/color]srcElement[color=#0000cc].[/color]uniqueID[color=#0000cc],[/color]stepOut[color=#0000cc])[/color][color=#0000cc];[/color]

    [color=#0000cc]}[/color]

[color=#0000cc]}[/color]



function makearray[color=#0000cc]([/color]n[color=#0000cc])[/color] [color=#0000cc]{[/color]

    this[color=#0000cc].[/color]length [color=#0000cc]=[/color] n[color=#0000cc];[/color]

    [color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color] [color=#0000cc]=[/color] 1[color=#0000cc];[/color] [color=#0000ff]i[/color] [color=#0000cc]<[/color][color=#0000cc]=[/color] n[color=#0000cc];[/color] [color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

        this[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color] [color=#0000cc]=[/color] 0[color=#0000cc];[/color]

    return this[color=#0000cc];[/color]

[color=#0000cc]}[/color]



function hex[color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc])[/color] [color=#0000cc]{[/color]

    if [color=#0000cc]([/color][color=#0000ff]i[/color] [color=#0000cc]<[/color] 0[color=#0000cc])[/color]

        return [color=#ff00ff]"00"[/color][color=#0000cc];[/color]

    else if [color=#0000cc]([/color][color=#0000ff]i[/color] [color=#0000cc]>[/color] 255[color=#0000cc])[/color]

        return [color=#ff00ff]"ff"[/color][color=#0000cc];[/color]

    else

       return [color=#ff00ff]""[/color] [color=#0000cc]+[/color] hexa[color=#0000cc][[/color]Math[color=#0000cc].[/color]floor[color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc]/[/color]16[color=#0000cc])[/color][color=#0000cc]][/color] [color=#0000cc]+[/color] hexa[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]%[/color]16[color=#0000cc]][/color][color=#0000cc];[/color][color=#0000cc]}[/color]



function setColor[color=#0000cc]([/color]r[color=#0000cc],[/color] g[color=#0000cc],[/color] [color=#0000ff]b[/color][color=#0000cc],[/color] element[color=#0000cc])[/color] [color=#0000cc]{[/color]

      [color=#0000ff]var[/color] [color=#0000ff]hr[/color] [color=#0000cc]=[/color] hex[color=#0000cc]([/color]r[color=#0000cc])[/color][color=#0000cc];[/color] [color=#0000ff]var[/color] hg [color=#0000cc]=[/color] hex[color=#0000cc]([/color]g[color=#0000cc])[/color][color=#0000cc];[/color] [color=#0000ff]var[/color] hb [color=#0000cc]=[/color] hex[color=#0000cc]([/color][color=#0000ff]b[/color][color=#0000cc])[/color][color=#0000cc];[/color]

      element[color=#0000cc].[/color][color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color] [color=#0000cc]=[/color] [color=#ff00ff]"#"[/color][color=#0000cc]+[/color][color=#0000ff]hr[/color][color=#0000cc]+[/color]hg[color=#0000cc]+[/color]hb[color=#0000cc];[/color]

[color=#0000cc]}[/color]



function fade[color=#0000cc]([/color][color=#0000ff]s[/color][color=#0000cc],[/color]e[color=#0000cc],[/color] element[color=#0000cc],[/color]step[color=#0000cc])[/color][color=#0000cc]{[/color]

[color=#0000ff]var[/color] sr [color=#0000cc]=[/color] [color=#0000ff]s[/color][color=#0000cc][[/color]0[color=#0000cc]][/color][color=#0000cc];[/color] [color=#0000ff]var[/color] sg [color=#0000cc]=[/color] [color=#0000ff]s[/color][color=#0000cc][[/color]1[color=#0000cc]][/color][color=#0000cc];[/color] [color=#0000ff]var[/color] sb [color=#0000cc]=[/color] [color=#0000ff]s[/color][color=#0000cc][[/color]2[color=#0000cc]][/color][color=#0000cc];[/color]

[color=#0000ff]var[/color] er [color=#0000cc]=[/color] e[color=#0000cc][[/color]0[color=#0000cc]][/color][color=#0000cc];[/color] [color=#0000ff]var[/color] eg [color=#0000cc]=[/color] e[color=#0000cc][[/color]1[color=#0000cc]][/color][color=#0000cc];[/color] [color=#0000ff]var[/color] eb [color=#0000cc]=[/color] e[color=#0000cc][[/color]2[color=#0000cc]][/color][color=#0000cc];[/color]



if [color=#0000cc]([/color]fadeId[color=#0000cc][[/color]0[color=#0000cc]][/color] ![color=#0000cc]=[/color] null [color=#0000cc]&[/color][color=#0000cc]&[/color] fade[color=#0000cc][[/color]0[color=#0000cc]][/color] ![color=#0000cc]=[/color] element[color=#0000cc])[/color][color=#0000cc]{[/color]

  setColor[color=#0000cc]([/color]sr[color=#0000cc],[/color]sg[color=#0000cc],[/color]sb[color=#0000cc],[/color]eval[color=#0000cc]([/color]fadeId[color=#0000cc][[/color]0[color=#0000cc]][/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

  [color=#0000ff]var[/color] [color=#0000ff]i[/color] [color=#0000cc]=[/color] 1[color=#0000cc];[/color]

  while[color=#0000cc]([/color][color=#0000ff]i[/color] [color=#0000cc]<[/color] fadeId[color=#0000cc].[/color]length[color=#0000cc])[/color][color=#0000cc]{[/color]

   clearTimeout[color=#0000cc]([/color]fadeId[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc])[/color][color=#0000cc];[/color]

   [color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc];[/color]

   [color=#0000cc]}[/color]

  [color=#0000cc]}[/color]

  

    [color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color] [color=#0000cc]=[/color] 0[color=#0000cc];[/color] [color=#0000ff]i[/color] [color=#0000cc]<[/color][color=#0000cc]=[/color] step[color=#0000cc];[/color] [color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color] [color=#0000cc]{[/color]

     fadeId[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]+[/color]1[color=#0000cc]][/color] [color=#0000cc]=[/color] setTimeout[color=#0000cc]([/color][color=#ff00ff]"setColor(Math.floor("[/color] [color=#0000cc]+[/color]sr[color=#0000cc]+[/color] [color=#ff00ff]" *(( "[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]" - "[/color] [color=#0000cc]+[/color][color=#0000ff]i[/color][color=#0000cc]+[/color] [color=#ff00ff]" )/ "[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]" ) + "[/color] [color=#0000cc]+[/color]er[color=#0000cc]+[/color] [color=#ff00ff]" * ("[/color] [color=#0000cc]+[/color][color=#0000ff]i[/color][color=#0000cc]+[/color] [color=#ff00ff]"/"[/color] [color=#0000cc]+[/color]

   step[color=#0000cc]+[/color] [color=#ff00ff]")),Math.floor("[/color] [color=#0000cc]+[/color]sg[color=#0000cc]+[/color] [color=#ff00ff]" * (( "[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]" - "[/color] [color=#0000cc]+[/color][color=#0000ff]i[/color][color=#0000cc]+[/color] [color=#ff00ff]" )/ "[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]" ) + "[/color] [color=#0000cc]+[/color]eg[color=#0000cc]+[/color] [color=#ff00ff]" * ("[/color] [color=#0000cc]+[/color][color=#0000ff]i[/color][color=#0000cc]+[/color] [color=#ff00ff]"/"[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color]

   [color=#ff00ff]")),Math.floor("[/color] [color=#0000cc]+[/color]sb[color=#0000cc]+[/color] [color=#ff00ff]" * (("[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]"-"[/color] [color=#0000cc]+[/color][color=#0000ff]i[/color][color=#0000cc]+[/color] [color=#ff00ff]")/"[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]") + "[/color] [color=#0000cc]+[/color]eb[color=#0000cc]+[/color] [color=#ff00ff]" * ("[/color] [color=#0000cc]+[/color][color=#0000ff]i[/color][color=#0000cc]+[/color] [color=#ff00ff]"/"[/color] [color=#0000cc]+[/color]step[color=#0000cc]+[/color] [color=#ff00ff]")),"[/color][color=#0000cc]+[/color]element[color=#0000cc]+[/color][color=#ff00ff]");"[/color][color=#0000cc],[/color][color=#0000ff]i[/color][color=#0000cc]*[/color]step[color=#0000cc])[/color][color=#0000cc];[/color]

  [color=#0000cc]}[/color]

fadeId[color=#0000cc][[/color]0[color=#0000cc]][/color] [color=#0000cc]=[/color] element[color=#0000cc];[/color]

[color=#0000cc]}[/color]



[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]



[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]BODY[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]HTML[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]A[/color] [color=#ff0000]HREF[/color][color=#0000cc]=[/color][color=#ff00ff]""[/color][color=#0000cc]>[/color]让你的文本链接渐隐渐显[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]A[/color][color=#0000cc]>[/color]



五、静态页面的分页

[color=#0000cc]<[/color][color=#0000ff]!doctype[/color] [color=#0000ff]html[/color] public [color=#ff00ff]"-//W3C//DTD XHTML 1.0 Transitional//EN"[/color] [color=#ff00ff]"[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[/url];[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]html[/color] xmlns[color=#0000cc]=[/color][color=#ff00ff]"[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml"[/url];[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]head[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]meta[/color] http-equiv[color=#0000cc]=[/color][color=#ff00ff]"Content-Type"[/color] [color=#ff0000]content[/color][color=#0000cc]=[/color][color=#ff00ff]"text/html; charset=gb2312"[/color] [color=#0000cc]/[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]title[/color][color=#0000cc]>[/color] JavaScript: showPages v1[color=#0000cc].[/color]0 [color=#0000cc][[/color]by Lapuasi[color=#0000cc].[/color]com[color=#0000cc]][/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]title[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]script[/color] [color=#ff0000]language[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript"[/color][color=#0000cc]>[/color]

[color=#ff9900]<!--

/*



showPages v1.1

=================================



Infomation

----------------------

Author : Lapuasi

E-Mail : [email=lapuasi@gmail.com]lapuasi@gmail.com[/email]

Web : [url=http://www.lapuasi.com/]http://www.lapuasi.com[/url]

Date : 2005-11-17





Example

----------------------

var pg = new showPages('pg');

pg.pageCount = 12; //定义总页数(必要)

pg.argName = 'p';    //定义参数名(可选,缺省为page)

pg.printHtml();        //显示页数





Supported in Internet Explorer, Mozilla Firefox

*/



function showPages(name) { //初始化属性

       this.name = name;      //对象名称

       this.page = 1;         //当前页数

       this.pageCount = 1;    //总页数

       this.argName = 'page'; //参数名

       this.showTimes = 1;    //打印次数

}



showPages.prototype.getPage = function(){ //丛url获得当前页数,如果变量重复只获取最后一个

       var args = location.search;

       var reg = new RegExp('[\?&]?' + this.argName + '=([^&]*)[&$]?', 'gi');

       var chk = args.match(reg);

       this.page = RegExp.$1;

}

showPages.prototype.checkPages = function(){ //进行当前页数和总页数的验证

       if (isNaN(parseInt(this.page))) this.page = 1;

       if (isNaN(parseInt(this.pageCount))) this.pageCount = 1;

       if (this.page < 1) this.page = 1;

       if (this.pageCount < 1) this.pageCount = 1;

       if (this.page > this.pageCount) this.page = this.pageCount;

       this.page = parseInt(this.page);

       this.pageCount = parseInt(this.pageCount);

}

showPages.prototype.createHtml = function(mode){ //生成html代码

       var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;

       if (mode == '' || typeof(mode) == 'undefined') mode = 0;

       switch (mode) {

              case 0 : //模式1 (页数,首页,前页,后页,尾页)

                     strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';

                     strHtml += '<span class="number">';

                     if (prevPage < 1) {

                            strHtml += '<span title="First Page">&laquo;</span>';

                            strHtml += '<span title="Prev Page">‹</span>';

                     } else {

                            strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">&laquo;</a></span>';

                            strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';

                     }

                     for (var i = 1; i <= this.pageCount; i++) {

                            if (i > 0) {

                                   if (i == this.page) {

                                          strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';

                                   } else {

                                          strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';

                                   }

                            }

                     }

                     if (nextPage > this.pageCount) {

                            strHtml += '<span title="Next Page">›</span>';

                            strHtml += '<span title="Last Page">&raquo;</span>';

                     } else {

                            strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';

                            strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">&raquo;</a></span>';

                     }

                     strHtml += '</span><br />';

                     break;

              case 1 : //模式1 (10页缩略,首页,前页,后页,尾页)

                     strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';

                     strHtml += '<span class="number">';

                     if (prevPage < 1) {

                            strHtml += '<span title="First Page">&laquo;</span>';

                            strHtml += '<span title="Prev Page">‹</span>';

                     } else {

                            strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">&laquo;</a></span>';

                            strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';

                     }

                     if (this.page % 10 ==0) {

                            var startPage = this.page - 9;

                     } else {

                            var startPage = this.page - this.page % 10 + 1;

                     }

                     if (startPage > 10) strHtml += '<span title="Prev 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage - 1) + ');">...</a></span>';

                     for (var i = startPage; i < startPage + 10; i++) {

                            if (i > this.pageCount) break;

                            if (i == this.page) {

                                   strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';

                            } else {

                                   strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';

                            }

                     }

                     if (this.pageCount >= startPage + 10) strHtml += '<span title="Next 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage + 10) + ');">...</a></span>';

                     if (nextPage > this.pageCount) {

                            strHtml += '<span title="Next Page">›</span>';

                            strHtml += '<span title="Last Page">&raquo;</span>';

                     } else {

                            strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';

                            strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">&raquo;</a></span>';

                     }

                     strHtml += '</span><br />';

                     break;

              case 2 : //模式2 (前后缩略,页数,首页,前页,后页,尾页)

                     strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';

                     strHtml += '<span class="number">';

                     if (prevPage < 1) {

                            strHtml += '<span title="First Page">&laquo;</span>';

                            strHtml += '<span title="Prev Page">‹</span>';

                     } else {

                            strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">&laquo;</a></span>';

                            strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';

                     }

                     if (this.page != 1) strHtml += '<span title="Page 1"><a href="javascript:' + this.name + '.toPage(1);">[1]</a></span>';

                     if (this.page >= 5) strHtml += '<span>...</span>';

                     if (this.pageCount > this.page + 2) {

                            var endPage = this.page + 2;

                     } else {

                            var endPage = this.pageCount;

                     }

                     for (var i = this.page - 2; i <= endPage; i++) {

                            if (i > 0) {

                                   if (i == this.page) {

                                          strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';

                                   } else {

                                          if (i != 1 && i != this.pageCount) {

                                                 strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';

                                          }

                                   }

                            }

                     }

                     if (this.page + 3 < this.pageCount) strHtml += '<span>...</span>';

                     if (this.page != this.pageCount) strHtml += '<span title="Page ' + this.pageCount + '"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">[' + this.pageCount + ']</a></span>';

                     if (nextPage > this.pageCount) {

                            strHtml += '<span title="Next Page">›</span>';

                            strHtml += '<span title="Last Page">&raquo;</span>';

                     } else {

                            strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';

                            strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">&raquo;</a></span>';

                     }

                     strHtml += '</span><br />';

                     break;

              case 3 : //模式3 (箭头样式,首页,前页,后页,尾页) (only IE)

                     strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';

                     strHtml += '<span class="arrow">';

                     if (prevPage < 1) {

                            strHtml += '<span title="First Page">9</span>';

                            strHtml += '<span title="Prev Page">7</span>';

                     } else {

                            strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">9</a></span>';

                            strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">7</a></span>';

                     }

                     if (nextPage > this.pageCount) {

                            strHtml += '<span title="Next Page">8</span>';

                            strHtml += '<span title="Last Page">:</span>';

                     } else {

                            strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">8</a></span>';

                            strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">:</a></span>';

                     }

                     strHtml += '</span><br />';

                     break;

              case 4 : //模式4 (下拉框)

                     if (this.pageCount < 1) {

                            strHtml += '<select name="toPage" disabled>';

                            strHtml += '<option value="0">No Pages</option>';

                     } else {

                            var chkSelect;

                            strHtml += '<select name="toPage" >';

                            for (var i = 1; i <= this.pageCount; i++) {

                                   if (this.page == i) chkSelect=' selected="selected"';

                                   else chkSelect='';

                                   strHtml += '<option value="' + i + '"' + chkSelect + '>Pages: ' + i + ' / ' + this.pageCount + '</option>';

                            }

                     }

                     strHtml += '</select>';

                     break;

              case 5 : //模式5 (输入框)

                     strHtml += '<span class="input">';

                     if (this.pageCount < 1) {

                            strHtml += '<input type="text" name="toPage" value="No Pages" class="itext" disabled="disabled">';

                            strHtml += '<input type="button" name="go" value="GO" class="ibutton" disabled="disabled"></option>';

                     } else {

                            strHtml += '<input type="text" value="Input Page:" class="ititle" readonly="readonly">';

                            strHtml += '<input type="text" id="pageInput' + this.showTimes + '" value="' + this.page + '" class="itext" title="Input page"  >';

                            strHtml += '<input type="text" value=" / ' + this.pageCount + '" class="icount" readonly="readonly">';

                            strHtml += '<input type="button" name="go" value="GO" class="ibutton" ></option>';

                     }

                     strHtml += '</span>';

                     break;

              default :

                     strHtml = 'Javascript showPage Error: not find mode ' + mode;

                     break;

       }

       return strHtml;

}

showPages.prototype.createUrl = function (page) { //生成页面跳转url

       if (isNaN(parseInt(page))) page = 1;

       if (page < 1) page = 1;

       if (page > this.pageCount) page = this.pageCount;

       var url = location.protocol + '//' + location.host + location.pathname;

       var args = location.search;

       var reg = new RegExp('([\?&]?)' + this.argName + '=[^&]*[&$]?', 'gi');

       args = args.replace(reg,'$1');

       if (args == '' || args == null) {

              args += '?' + this.argName + '=' + page;

       } else if (args.substr(args.length - 1,1) == '?' || args.substr(args.length - 1,1) == '&') {

                     args += this.argName + '=' + page;

       } else {

                     args += '&' + this.argName + '=' + page;

       }

       return url + args;

}

showPages.prototype.toPage = function(page){ //页面跳转

       var turnTo = 1;

       if (typeof(page) == 'object') {

              turnTo = page.options[page.selectedIndex].value;

       } else {

              turnTo = page;

       }

       self.location.href = this.createUrl(turnTo);

}

showPages.prototype.printHtml = function(mode){ //显示html代码

       this.getPage();

       this.checkPages();

       this.showTimes += 1;

       document.write('<div id="pages_' + this.name + '_' + this.showTimes + '" class="pages"></div>');

       document.getElementById('pages_' + this.name + '_' + this.showTimes).innerHTML = this.createHtml(mode);

      

}

showPages.prototype.formatInputPage = function(e){ //限定输入页数格式

       var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;

       if(!ie) var key = e.which;

       else var key = event.keyCode;

       if (key == 8 || key == 46 || (key >= 48 && key <= 57)) return true;

       return false;

}

//-->[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]

[color=#0000cc]/[/color][color=#0000cc]*[/color] Pages Main Tyle [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000cc].[/color]pages [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color]

       cursor: default[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 10px[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]family: Tahoma[color=#0000cc],[/color] Verdana[color=#0000cc];[/color]

       padding: 3px 0px 3px 0px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]count[color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000cc].[/color]number[color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 10px[color=#0000cc];[/color]

       [color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #F7F7F7[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]:[/color] 1px solid #CCCCCC[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]/[/color][color=#0000cc]*[/color] [color=#ff0000]Page[/color] and PageCount [color=#0000ff]Style[/color] [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]count [color=#0000cc]{[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]weight: bold[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]-[/color]right: none[color=#0000cc];[/color]

       padding: 2px 10px 1px 10px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]/[/color][color=#0000cc]*[/color] Mode 0[color=#0000cc],[/color]1[color=#0000cc],[/color]2 [color=#0000ff]Style[/color] [color=#0000cc]([/color]Number[color=#0000cc])[/color] [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]number [color=#0000cc]{[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]weight: normal[color=#0000cc];[/color]

       padding: 2px 10px 1px 10px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]number [color=#0000ff]a[/color][color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000cc].[/color]number [color=#0000ff]span[/color] [color=#0000cc]{[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 10px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]number [color=#0000ff]span[/color] [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color]

       margin: 0px 3px 0px 3px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]number [color=#0000ff]a[/color] [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color]

       [color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]number [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #0000ff[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]/[/color][color=#0000cc]*[/color] Mode 3 [color=#0000ff]Style[/color] [color=#0000cc]([/color]Arrow[color=#0000cc])[/color] [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000cc]{[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]weight: normal[color=#0000cc];[/color]

       padding: 0px 5px 0px 5px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000ff]a[/color][color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000ff]span[/color] [color=#0000cc]{[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 10px[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]family: Webdings[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000ff]span[/color] [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color]

       margin: 0px 5px 0px 5px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000ff]a[/color] [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color]

       [color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color]arrow [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #0000ff[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]/[/color][color=#0000cc]*[/color] Mode 4 [color=#0000ff]Style[/color] [color=#0000cc]([/color][color=#0000ff]Select[/color][color=#0000cc])[/color] [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000cc].[/color]pages [color=#0000ff]select[/color][color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000ff]input[/color] [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 10px[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]family: Tahoma[color=#0000cc],[/color] Verdana[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]/[/color][color=#0000cc]*[/color] Mode 5 [color=#0000ff]Style[/color] [color=#0000cc]([/color][color=#0000ff]Input[/color][color=#0000cc])[/color] [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]ititle[color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]itext[color=#0000cc],[/color] [color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]icount [color=#0000cc]{[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #666666[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]weight: bold[color=#0000cc];[/color]

       [color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #F7F7F7[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]:[/color] 1px solid #CCCCCC[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]ititle [color=#0000cc]{[/color]

       [color=#ff0000]width[/color][color=#ff0000]:[/color] 70px[color=#0000cc];[/color]

       [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] right[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]-[/color]right: none[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]itext [color=#0000cc]{[/color]

       [color=#ff0000]width[/color][color=#ff0000]:[/color] 25px[color=#0000cc];[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color]

       [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] right[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]-[/color]left: none[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]-[/color]right: none[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]icount [color=#0000cc]{[/color]

       [color=#ff0000]width[/color][color=#ff0000]:[/color] 35px[color=#0000cc];[/color]

       [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] left[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]-[/color]left: none[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc].[/color]pages [color=#0000cc].[/color][color=#0000ff]input[/color] [color=#0000ff]input[/color][color=#0000cc].[/color]ibutton [color=#0000cc]{[/color]

       [color=#ff0000]height[/color][color=#ff0000]:[/color] 17px[color=#0000cc];[/color]

       [color=#ff0000]color[/color][color=#ff0000]:[/color] #FFFFFF[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]weight: bold[color=#0000cc];[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color]family: Verdana[color=#0000cc];[/color]

       [color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color]

       [color=#ff0000]border[/color][color=#ff0000]:[/color] 1px solid #666666[color=#0000cc];[/color]

       padding: 0px 0px 2px 1px[color=#0000cc];[/color]

       margin-left: 2px[color=#0000cc];[/color]

       cursor: hand[color=#0000cc];[/color]

[color=#0000cc]}[/color]



[color=#0000cc]/[/color][color=#0000cc]*[/color] [color=#0000ff]body[/color] [color=#0000cc]*[/color][color=#0000cc]/[/color]

[color=#0000ff]body[/color] [color=#0000cc]{[/color]

       [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 12px[color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]head[/color][color=#0000cc]>[/color]



[color=#0000cc]<[/color][color=#0000ff]body[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]script[/color] [color=#ff0000]language[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript"[/color][color=#0000cc]>[/color]

[color=#ff9900]<!--

var pg = new showPages('pg');

pg.pageCount =12;  // 定义总页数(必要)

//pg.argName = 'p';  // 定义参数名(可选,默认为page)



document.write('<br>Show Times: ' + pg.showTimes + ', Mood Default');

pg.printHtml();

document.write('<br>Show Times: ' + pg.showTimes + ', Mood 0');

pg.printHtml(0);

document.write('<br>Show Times: ' + pg.showTimes + ', Mood 1');

pg.printHtml(1);

document.write('<br>Show Times: ' + pg.showTimes + ', Mood 2');

pg.printHtml(2);

document.write('<br>Show Times: ' + pg.showTimes + ', Mood 3 (only IE)');

pg.printHtml(3);

document.write('<br>Show Times: ' + pg.showTimes + ', Mood 4');

pg.printHtml(4);

document.write('<br>Show Times: ' + pg.showTimes + ', Mood 5');

pg.printHtml(5);

//-->[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]body[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]html[/color][color=#0000cc]>[/color]

六、DIV的透明层实现

[color=#0000cc]<[/color][color=#0000ff]body[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#ff0ddd"[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"Layer1"[/color] [color=#0000ff]style[/color][color=#0000cc]=[/color][color=#ff00ff]"position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)"[/color][color=#0000cc]>[/color]

        [color=#0000cc]<[/color][color=#0000ff]table[/color] [color=#ff0000]width[/color][color=#0000cc]=[/color][color=#ff00ff]"96%"[/color] [color=#ff0000]border[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]cellpadding[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]cellspacing[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]bordercolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#FFFFFF"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#999999"[/color][color=#0000cc]>[/color]

          [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                                

            [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]"25"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#f5f5f5"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"13"[/color][color=#0000cc]>[/color]你也可以在这里插入图片[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                                

            [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]"20"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#f5f5f5"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"12"[/color][color=#0000cc]>[/color]你想注册地图名片吗[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                                

            [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]"20"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#f5f5f5"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"12"[/color][color=#0000cc]>[/color]http:[color=#0000cc]/[/color][color=#0000cc]/[/color]mc[color=#0000cc].[/color]mapabc[color=#0000cc].[/color]com[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                                

            [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]"20"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#f5f5f5"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"12"[/color][color=#0000cc]>[/color]EMAIL:lipeng@mapabc[color=#0000cc].[/color]com[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                                

            [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]"20"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#f5f5f5"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"12"[/color][color=#0000cc]>[/color]地址[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                                

            [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]"20"[/color] [color=#ff0000]bgcolor[/color][color=#0000cc]=[/color][color=#ff00ff]"#f5f5f5"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"12"[/color][color=#0000cc]>[/color]邮编[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

                              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

                            [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]table[/color][color=#0000cc]>[/color]

              [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]


[/color]

[color=#000000]七、强大的表单验证

[color=#0000cc]<[/color][color=#0000ff]title[/color][color=#0000cc]>[/color]表单验证类 Validator v1[color=#0000cc].[/color]01[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]title[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]

[color=#0000ff]body[/color][color=#0000cc],[/color][color=#0000ff]td[/color][color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]:[/color]normal 12px Verdana[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]333333[color=#0000cc]}[/color]

[color=#0000ff]input[/color][color=#0000cc],[/color][color=#0000ff]textarea[/color][color=#0000cc],[/color][color=#0000ff]select[/color][color=#0000cc],[/color][color=#0000ff]td[/color][color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]:[/color]normal 12px Verdana[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]333333[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]:[/color]1px solid #999999[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]ffffff[color=#0000cc]}[/color]

[color=#0000ff]table[/color][color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]collapse:collapse[color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000ff]td[/color][color=#0000cc]{[/color]padding:3px[color=#0000cc]}[/color]

[color=#0000ff]input[/color][color=#0000cc]{[/color][color=#ff0000]height[/color][color=#ff0000]:[/color]20[color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000ff]textarea[/color][color=#0000cc]{[/color][color=#ff0000]width[/color][color=#ff0000]:[/color]80[color=#0000cc]%[/color][color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color]50px[color=#0000cc];[/color]overfmin:auto[color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000ff]form[/color][color=#0000cc]{[/color]display:inline[color=#0000cc]}[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]table[/color] [color=#ff0000]align[/color][color=#0000cc]=[/color][color=#ff00ff]"center"[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]form[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"theForm"[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"demo"[/color] [color=#ff0000]action[/color][color=#0000cc]=[/color][color=#ff00ff]""[/color] [color=#ff0000]method[/color][color=#0000cc]=[/color][color=#ff00ff]"get"[/color] [color=#ff0000]onSubmit[/color][color=#0000cc]=[/color][color=#ff00ff]"return Validator.Validate(this,2)"[/color][color=#0000cc]>[/color]

    [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]真实姓名：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Name"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Chinese"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"真实姓名只允许中文"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]英文名：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Nick"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"English"[/color] require[color=#0000cc]=[/color][color=#ff00ff]"false"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"英文名只允许英文字母"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

    [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]主页：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Homepage"[/color] require[color=#0000cc]=[/color][color=#ff00ff]"false"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Url"[/color]   msg[color=#0000cc]=[/color][color=#ff00ff]"非法的Url"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]密码：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Password"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"SafeString"[/color]   msg[color=#0000cc]=[/color][color=#ff00ff]"密码不符合安全规则"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"password"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]重复：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Repeat"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Repeat"[/color] to[color=#0000cc]=[/color][color=#ff00ff]"Password"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"两次输入的密码不一致"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"password"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]信箱：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Email"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Email"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"信箱格式不正确"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

    [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]信箱：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Email"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Repeat"[/color] to[color=#0000cc]=[/color][color=#ff00ff]"Email"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"两次输入的信箱不一致"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]QQ：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"QQ"[/color] require[color=#0000cc]=[/color][color=#ff00ff]"false"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"QQ"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"QQ号码不存在"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

    [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]身份证：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Card"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"IdCard"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"身份证号码不正确"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]年龄：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Year"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Range"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"年龄必须在18~28之间"[/color] min[color=#0000cc]=[/color][color=#ff00ff]"18"[/color] max[color=#0000cc]=[/color][color=#ff00ff]"28"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]年龄1：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Year1"[/color] require[color=#0000cc]=[/color][color=#ff00ff]"false"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Compare"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"年龄必须在18以上"[/color] to[color=#0000cc]=[/color][color=#ff00ff]"18"[/color] operator[color=#0000cc]=[/color][color=#ff00ff]"GreaterThanEqual"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]电话：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Phone"[/color] require[color=#0000cc]=[/color][color=#ff00ff]"false"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Phone"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"电话号码不正确"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]手机：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Mobile"[/color] require[color=#0000cc]=[/color][color=#ff00ff]"false"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Mobile"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"手机号码不正确"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

     [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]生日：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Birthday"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Date"[/color] format[color=#0000cc]=[/color][color=#ff00ff]"ymd"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"生日日期不存在"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]邮政编码：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Zip"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Custom"[/color] regexp[color=#0000cc]=[/color][color=#ff00ff]"^[1-9]\d{5}$"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"邮政编码不存在"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]邮政编码：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Zip1"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Zip"[/color] msg[color=#0000cc]=[/color][color=#ff00ff]"邮政编码不存在"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]操作系统：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]select[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Operation"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Require"[/color]  msg[color=#0000cc]=[/color][color=#ff00ff]"未选择所用操作系统"[/color] [color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]option[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]""[/color][color=#0000cc]>[/color]选择您所用的操作系统[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]option[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]option[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"Win98"[/color][color=#0000cc]>[/color]Win98[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]option[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]option[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"Win2k"[/color][color=#0000cc]>[/color]Win2k[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]option[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]option[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"WinXP"[/color][color=#0000cc]>[/color]WinXP[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]option[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]select[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]所在省份：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]广东[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Province"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"radio"[/color][color=#0000cc]>[/color]陕西[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Province"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"2"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"radio"[/color][color=#0000cc]>[/color]浙江[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Province"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"3"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"radio"[/color][color=#0000cc]>[/color]江西[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Province"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"4"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"radio"[/color] dataType[color=#0000cc]=[/color][color=#ff00ff]"Group"[/color]  msg[color=#0000cc]=[/color][color=#ff00ff]"必须选定一个省份"[/color] [color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]爱好：[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]运动[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Favorite"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"checkbox"[/color][color=#0000cc]>[/color]上网[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Favorite"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"2"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"checkbox"[/color][color=#0000cc]>[/color]听音乐[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Favorite"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"3"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"checkbox"[/color][color=#0000cc]>[/color]看书[color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"Favorite"[/color] [color=#ff0000]value[/color][color=#0000cc]=[/color][color=#ff00ff]"4"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"checkbox"[/color][color=#ff00ff]" dataType="[/color]Group[color=#ff00ff]" min="[/color]2[color=#ff00ff]" max="[/color]3[color=#ff00ff]"  msg="[/color]必须选择2[color=#0000cc]~[/color]3种爱好[color=#ff00ff]"></td>

  </tr>

   <td>自我介绍：</td><td><textarea name="[/color]Description[color=#ff00ff]" dataType="[/color]Limit[color=#ff00ff]" max="[/color]10[color=#ff00ff]"  msg="[/color]自我介绍内容必须在10个字之内[color=#ff00ff]">中文是一个字</textarea></td>

  </tr>

     <td>自传：</td><td><textarea name="[/color]History[color=#ff00ff]" dataType="[/color]LimitB[color=#ff00ff]" min="[/color]3[color=#ff00ff]" max="[/color]10[color=#ff00ff]"  msg="[/color]自传内容必须在[color=#0000cc][[/color]3[color=#0000cc],[/color]10[color=#0000cc]][/color]个字节之内[color=#ff00ff]">中文是两个字节t</textarea></td>

  </tr>

  <tr>

   <td colspan="[/color]2[color=#ff00ff]"><input name="[/color]Submit[color=#ff00ff]" type="[/color]submit[color=#ff00ff]" value="[/color]确定提交[color=#ff00ff]"><input  value="[/color]检验模式1[color=#ff00ff]" type="[/color][color=#0000ff]button[/color][color=#ff00ff]"><input  value="[/color]检验模式2[color=#ff00ff]" type="[/color][color=#0000ff]button[/color][color=#ff00ff]"><input  value="[/color]检验模式3[color=#ff00ff]" type="[/color][color=#0000ff]button[/color][color=#ff00ff]"></td>

  </tr>

  </form>

</table>

<script>

/*************************************************

       Validator v1.01

       code by 我佛山人

       [email=wfsr@cunite.com]wfsr@cunite.com[/email]

       [url=http://www.cunite.com/]http://www.cunite.com[/url]

*************************************************/

Validator = {

       Require : /.+/,

       Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,

       Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/,

       Mobile : /^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/,

       Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"[/color][color=#ff00ff]\[/color][color=#ff00ff]"])*$/,

       IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,

       Currency : /^\d+(\.\d+)?$/,

       Number : /^\d+$/,

       Zip : /^[1-9]\d{5}$/,

       QQ : /^[1-9]\d{4,8}$/,

       Integer : /^[-\+]?\d+$/,

       Double : /^[-\+]?\d+(\.\d+)?$/,

       English : /^[A-Za-z]+$/,

       Chinese :  /^[\u0391-\uFFE5]+$/,

       UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"[/color][color=#0000cc]][/color][color=#0000cc]*[/color][color=#0000cc])[/color][color=#0000cc]|[/color][color=#0000cc].[/color][color=#0000cc]{[/color]0[color=#0000cc],[/color]5[color=#0000cc]}[/color][color=#0000cc])[/color][color=#0000cc]$[/color][color=#0000cc]|[/color][color=#0000cc]\[/color][color=#0000ff]s[/color][color=#0000cc]/[/color][color=#0000cc],[/color]

       IsSafe : function[color=#0000cc]([/color]str[color=#0000cc])[/color][color=#0000cc]{[/color]return !this[color=#0000cc].[/color]UnSafe[color=#0000cc].[/color]test[color=#0000cc]([/color]str[color=#0000cc])[/color][color=#0000cc];[/color][color=#0000cc]}[/color][color=#0000cc],[/color]

       SafeString : [color=#ff00ff]"this.IsSafe(value)"[/color][color=#0000cc],[/color]

       Limit : [color=#ff00ff]"this.limit(value.length,getAttribute('min'),  getAttribute('max'))"[/color][color=#0000cc],[/color]

       LimitB : [color=#ff00ff]"this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))"[/color][color=#0000cc],[/color]

       Date : [color=#ff00ff]"this.IsDate(value, getAttribute('min'), getAttribute('format'))"[/color][color=#0000cc],[/color]

       Repeat : [color=#ff00ff]"value == document.getElementsByName(getAttribute('to'))[0].value"[/color][color=#0000cc],[/color]

       Range : [color=#ff00ff]"getAttribute('min') < value && value < getAttribute('max')"[/color][color=#0000cc],[/color]

       Compare : [color=#ff00ff]"this.compare(value,getAttribute('operator'),getAttribute('to'))"[/color][color=#0000cc],[/color]

       Custom : [color=#ff00ff]"this.Exec(value, getAttribute('regexp'))"[/color][color=#0000cc],[/color]

       Group : [color=#ff00ff]"this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))"[/color][color=#0000cc],[/color]

       ErrorItem : [color=#0000cc][[/color]document[color=#0000cc].[/color]forms[color=#0000cc][[/color]0[color=#0000cc]][/color][color=#0000cc]][/color][color=#0000cc],[/color]

       ErrorMessage : [color=#0000cc][[/color][color=#ff00ff]"以下原因导致提交失败：\t\t\t\t"[/color][color=#0000cc]][/color][color=#0000cc],[/color]

       Validate : function[color=#0000cc]([/color]theForm[color=#0000cc],[/color] mode[color=#0000cc])[/color][color=#0000cc]{[/color]

              [color=#0000ff]var[/color] obj [color=#0000cc]=[/color] theForm [color=#0000cc]|[/color][color=#0000cc]|[/color] event[color=#0000cc].[/color]srcElement[color=#0000cc];[/color]

              [color=#0000ff]var[/color] count [color=#0000cc]=[/color] obj[color=#0000cc].[/color]elements[color=#0000cc].[/color]length[color=#0000cc];[/color]

              this[color=#0000cc].[/color]ErrorMessage[color=#0000cc].[/color]length [color=#0000cc]=[/color] 1[color=#0000cc];[/color]

              this[color=#0000cc].[/color]ErrorItem[color=#0000cc].[/color]length [color=#0000cc]=[/color] 1[color=#0000cc];[/color]

              this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color]0[color=#0000cc]][/color] [color=#0000cc]=[/color] obj[color=#0000cc];[/color]

              [color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color][color=#0000cc]=[/color]0[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]<[/color]count[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

                     with[color=#0000cc]([/color]obj[color=#0000cc].[/color]elements[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc])[/color][color=#0000cc]{[/color]

                            [color=#0000ff]var[/color] _dataType [color=#0000cc]=[/color] getAttribute[color=#0000cc]([/color][color=#ff00ff]"dataType"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            if[color=#0000cc]([/color]typeof[color=#0000cc]([/color]_dataType[color=#0000cc])[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"object"[/color] [color=#0000cc]|[/color][color=#0000cc]|[/color] typeof[color=#0000cc]([/color]this[color=#0000cc][[/color]_dataType[color=#0000cc]][/color][color=#0000cc])[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"undefined"[/color][color=#0000cc])[/color]  continue[color=#0000cc];[/color]

                            this[color=#0000cc].[/color]ClearState[color=#0000cc]([/color]obj[color=#0000cc].[/color]elements[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            if[color=#0000cc]([/color]getAttribute[color=#0000cc]([/color][color=#ff00ff]"require"[/color][color=#0000cc])[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"false"[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] [color=#ff0000]value[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]""[/color][color=#0000cc])[/color] continue[color=#0000cc];[/color]

                            switch[color=#0000cc]([/color]_dataType[color=#0000cc])[/color][color=#0000cc]{[/color]

                                   case [color=#ff00ff]"Date"[/color] :

                                   case [color=#ff00ff]"Repeat"[/color] :

                                   case [color=#ff00ff]"Range"[/color] :

                                   case [color=#ff00ff]"Compare"[/color] :

                                   case [color=#ff00ff]"Custom"[/color] :

                                   case [color=#ff00ff]"Group"[/color] :

                                   case [color=#ff00ff]"Limit"[/color] :

                                   case [color=#ff00ff]"LimitB"[/color] :

                                   case [color=#ff00ff]"SafeString"[/color] :

                                          if[color=#0000cc]([/color]!eval[color=#0000cc]([/color]this[color=#0000cc][[/color]_dataType[color=#0000cc]][/color][color=#0000cc])[/color][color=#0000cc])[/color]      [color=#0000cc]{[/color]

                                                 this[color=#0000cc].[/color]AddError[color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc],[/color] getAttribute[color=#0000cc]([/color][color=#ff00ff]"msg"[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                                          [color=#0000cc]}[/color]

                                          break[color=#0000cc];[/color]

                                   default :

                                          if[color=#0000cc]([/color]!this[color=#0000cc][[/color]_dataType[color=#0000cc]][/color][color=#0000cc].[/color]test[color=#0000cc]([/color][color=#ff0000]value[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

                                                 this[color=#0000cc].[/color]AddError[color=#0000cc]([/color][color=#0000ff]i[/color][color=#0000cc],[/color] getAttribute[color=#0000cc]([/color][color=#ff00ff]"msg"[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                                          [color=#0000cc]}[/color]

                                          break[color=#0000cc];[/color]

                            [color=#0000cc]}[/color]

                     [color=#0000cc]}[/color]

              [color=#0000cc]}[/color]

              if[color=#0000cc]([/color]this[color=#0000cc].[/color]ErrorMessage[color=#0000cc].[/color]length [color=#0000cc]>[/color] 1[color=#0000cc])[/color][color=#0000cc]{[/color]

                     mode [color=#0000cc]=[/color] mode [color=#0000cc]|[/color][color=#0000cc]|[/color] 1[color=#0000cc];[/color]

                     [color=#0000ff]var[/color] errCount [color=#0000cc]=[/color] this[color=#0000cc].[/color]ErrorItem[color=#0000cc].[/color]length[color=#0000cc];[/color]

                     switch[color=#0000cc]([/color]mode[color=#0000cc])[/color][color=#0000cc]{[/color]

                     case 2 :

                            [color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color][color=#0000cc]=[/color]1[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]<[/color]errCount[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

                                   this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc].[/color][color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color] [color=#0000cc]=[/color] [color=#ff00ff]"red"[/color][color=#0000cc];[/color]

                     case 1 :

                            alert[color=#0000cc]([/color]this[color=#0000cc].[/color]ErrorMessage[color=#0000cc].[/color]join[color=#0000cc]([/color][color=#ff00ff]"\n"[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color]1[color=#0000cc]][/color][color=#0000cc].[/color]focus[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            break[color=#0000cc];[/color]

                     case 3 :

                            [color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color][color=#0000cc]=[/color]1[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]<[/color]errCount[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

                            try[color=#0000cc]{[/color]

                                   [color=#0000ff]var[/color] [color=#0000ff]span[/color] [color=#0000cc]=[/color] document[color=#0000cc].[/color]createElement[color=#0000cc]([/color][color=#ff00ff]"SPAN"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                                   [color=#0000ff]span[/color][color=#0000cc].[/color][color=#ff0000]id[/color] [color=#0000cc]=[/color] [color=#ff00ff]"__ErrorMessagePanel"[/color][color=#0000cc];[/color]

                                   [color=#0000ff]span[/color][color=#0000cc].[/color][color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color] [color=#0000cc]=[/color] [color=#ff00ff]"red"[/color][color=#0000cc];[/color]

                                   this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc].[/color]parentNode[color=#0000cc].[/color]appendChild[color=#0000cc]([/color][color=#0000ff]span[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                                   [color=#0000ff]span[/color][color=#0000cc].[/color]innerHTML [color=#0000cc]=[/color] this[color=#0000cc].[/color]ErrorMessage[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc].[/color]replace[color=#0000cc]([/color][color=#0000cc]/[/color][color=#0000cc]\[/color]d[color=#0000cc]+[/color][color=#0000cc]:[/color][color=#0000cc]/[/color][color=#0000cc],[/color][color=#ff00ff]"*"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                                   [color=#0000cc]}[/color]

                                   catch[color=#0000cc]([/color]e[color=#0000cc])[/color][color=#0000cc]{[/color]alert[color=#0000cc]([/color]e[color=#0000cc].[/color]description[color=#0000cc])[/color][color=#0000cc];[/color][color=#0000cc]}[/color]

                            [color=#0000cc]}[/color]

                            this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color]1[color=#0000cc]][/color][color=#0000cc].[/color]focus[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            break[color=#0000cc];[/color]

                     default :

                            alert[color=#0000cc]([/color]this[color=#0000cc].[/color]ErrorMessage[color=#0000cc].[/color]join[color=#0000cc]([/color][color=#ff00ff]"\n"[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            break[color=#0000cc];[/color]

                     [color=#0000cc]}[/color]

                     return false[color=#0000cc];[/color]

              [color=#0000cc]}[/color]

              return true[color=#0000cc];[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       limit : function[color=#0000cc]([/color]len[color=#0000cc],[/color]min[color=#0000cc],[/color] max[color=#0000cc])[/color][color=#0000cc]{[/color]

              min [color=#0000cc]=[/color] min [color=#0000cc]|[/color][color=#0000cc]|[/color] 0[color=#0000cc];[/color]

              max [color=#0000cc]=[/color] max [color=#0000cc]|[/color][color=#0000cc]|[/color] Number[color=#0000cc].[/color]MAX_VALUE[color=#0000cc];[/color]

              return min [color=#0000cc]<[/color][color=#0000cc]=[/color] len [color=#0000cc]&[/color][color=#0000cc]&[/color] len [color=#0000cc]<[/color][color=#0000cc]=[/color] max[color=#0000cc];[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       LenB : function[color=#0000cc]([/color]str[color=#0000cc])[/color][color=#0000cc]{[/color]

              return str[color=#0000cc].[/color]replace[color=#0000cc]([/color][color=#0000cc]/[/color][color=#0000cc][[/color][color=#0000cc]^[/color][color=#0000cc]\[/color]x00-\xff[color=#0000cc]][/color][color=#0000cc]/[/color]g[color=#0000cc],[/color][color=#ff00ff]"**"[/color][color=#0000cc])[/color][color=#0000cc].[/color]length[color=#0000cc];[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       ClearState : function[color=#0000cc]([/color]elem[color=#0000cc])[/color][color=#0000cc]{[/color]

              with[color=#0000cc]([/color]elem[color=#0000cc])[/color][color=#0000cc]{[/color]

                     if[color=#0000cc]([/color][color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"red"[/color][color=#0000cc])[/color]

                            [color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color] [color=#0000cc]=[/color] [color=#ff00ff]""[/color][color=#0000cc];[/color]

                     [color=#0000ff]var[/color] lastNode [color=#0000cc]=[/color] parentNode[color=#0000cc].[/color]childNodes[color=#0000cc][[/color]parentNode[color=#0000cc].[/color]childNodes[color=#0000cc].[/color]length-1[color=#0000cc]][/color][color=#0000cc];[/color]

                     if[color=#0000cc]([/color]lastNode[color=#0000cc].[/color][color=#ff0000]id[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"__ErrorMessagePanel"[/color][color=#0000cc])[/color]

                            parentNode[color=#0000cc].[/color]removeChild[color=#0000cc]([/color]lastNode[color=#0000cc])[/color][color=#0000cc];[/color]

              [color=#0000cc]}[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       AddError : function[color=#0000cc]([/color]index[color=#0000cc],[/color] str[color=#0000cc])[/color][color=#0000cc]{[/color]

              this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color]this[color=#0000cc].[/color]ErrorItem[color=#0000cc].[/color]length[color=#0000cc]][/color] [color=#0000cc]=[/color] this[color=#0000cc].[/color]ErrorItem[color=#0000cc][[/color]0[color=#0000cc]][/color][color=#0000cc].[/color]elements[color=#0000cc][[/color]index[color=#0000cc]][/color][color=#0000cc];[/color]

              this[color=#0000cc].[/color]ErrorMessage[color=#0000cc][[/color]this[color=#0000cc].[/color]ErrorMessage[color=#0000cc].[/color]length[color=#0000cc]][/color] [color=#0000cc]=[/color] this[color=#0000cc].[/color]ErrorMessage[color=#0000cc].[/color]length [color=#0000cc]+[/color] [color=#ff00ff]":"[/color] [color=#0000cc]+[/color] str[color=#0000cc];[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       Exec : function[color=#0000cc]([/color]op[color=#0000cc],[/color] [color=#ff0000]reg[/color][color=#0000cc])[/color][color=#0000cc]{[/color]

              return new RegExp[color=#0000cc]([/color][color=#ff0000]reg[/color][color=#0000cc],[/color][color=#ff00ff]"g"[/color][color=#0000cc])[/color][color=#0000cc].[/color]test[color=#0000cc]([/color]op[color=#0000cc])[/color][color=#0000cc];[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       compare : function[color=#0000cc]([/color]op1[color=#0000cc],[/color]operator[color=#0000cc],[/color]op2[color=#0000cc])[/color][color=#0000cc]{[/color]

              switch [color=#0000cc]([/color]operator[color=#0000cc])[/color] [color=#0000cc]{[/color]

                     case [color=#ff00ff]"NotEqual"[/color][color=#ff00ff]:[/color]

                            return [color=#0000cc]([/color]op1 ![color=#0000cc]=[/color] op2[color=#0000cc])[/color][color=#0000cc];[/color]

                     case [color=#ff00ff]"GreaterThan"[/color][color=#ff00ff]:[/color]

                            return [color=#0000cc]([/color]op1 [color=#0000cc]>[/color] op2[color=#0000cc])[/color][color=#0000cc];[/color]

                     case [color=#ff00ff]"GreaterThanEqual"[/color][color=#ff00ff]:[/color]

                            return [color=#0000cc]([/color]op1 [color=#0000cc]>[/color][color=#0000cc]=[/color] op2[color=#0000cc])[/color][color=#0000cc];[/color]

                     case [color=#ff00ff]"LessThan"[/color][color=#ff00ff]:[/color]

                            return [color=#0000cc]([/color]op1 [color=#0000cc]<[/color] op2[color=#0000cc])[/color][color=#0000cc];[/color]

                     case [color=#ff00ff]"LessThanEqual"[/color][color=#ff00ff]:[/color]

                            return [color=#0000cc]([/color]op1 [color=#0000cc]<[/color][color=#0000cc]=[/color] op2[color=#0000cc])[/color][color=#0000cc];[/color]

                     default:

                            return [color=#0000cc]([/color]op1 [color=#0000cc]=[/color][color=#0000cc]=[/color] op2[color=#0000cc])[/color][color=#0000cc];[/color]            

              [color=#0000cc]}[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       MustChecked : function[color=#0000cc]([/color][color=#ff0000]name[/color][color=#0000cc],[/color] min[color=#0000cc],[/color] max[color=#0000cc])[/color][color=#0000cc]{[/color]

              [color=#0000ff]var[/color] groups [color=#0000cc]=[/color] document[color=#0000cc].[/color]getElementsByName[color=#0000cc]([/color][color=#ff0000]name[/color][color=#0000cc])[/color][color=#0000cc];[/color]

              [color=#0000ff]var[/color] hasChecked [color=#0000cc]=[/color] 0[color=#0000cc];[/color]

              min [color=#0000cc]=[/color] min [color=#0000cc]|[/color][color=#0000cc]|[/color] 1[color=#0000cc];[/color]

              max [color=#0000cc]=[/color] max [color=#0000cc]|[/color][color=#0000cc]|[/color] groups[color=#0000cc].[/color]length[color=#0000cc];[/color]

              [color=#ff0000]for[/color][color=#0000cc]([/color][color=#0000ff]var[/color] [color=#0000ff]i[/color][color=#0000cc]=[/color]groups[color=#0000cc].[/color]length-1[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000cc]>[/color][color=#0000cc]=[/color]0[color=#0000cc];[/color][color=#0000ff]i[/color][color=#0000ff]-[/color][color=#0000ff]-[/color][color=#0000cc])[/color]

                     if[color=#0000cc]([/color]groups[color=#0000cc][[/color][color=#0000ff]i[/color][color=#0000cc]][/color][color=#0000cc].[/color][color=#ff0000]checked[/color][color=#0000cc])[/color] hasChecked[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc];[/color]

              return min [color=#0000cc]<[/color][color=#0000cc]=[/color] hasChecked [color=#0000cc]&[/color][color=#0000cc]&[/color] hasChecked [color=#0000cc]<[/color][color=#0000cc]=[/color] max[color=#0000cc];[/color]

       [color=#0000cc]}[/color][color=#0000cc],[/color]

       IsDate : function[color=#0000cc]([/color]op[color=#0000cc],[/color] formatString[color=#0000cc])[/color][color=#0000cc]{[/color]

              formatString [color=#0000cc]=[/color] formatString [color=#0000cc]|[/color][color=#0000cc]|[/color] [color=#ff00ff]"ymd"[/color][color=#0000cc];[/color]

              [color=#0000ff]var[/color] m[color=#0000cc],[/color] year[color=#0000cc],[/color] month[color=#0000cc],[/color] day[color=#0000cc];[/color]

              switch[color=#0000cc]([/color]formatString[color=#0000cc])[/color][color=#0000cc]{[/color]

                     case [color=#ff00ff]"ymd"[/color] :

                            m [color=#0000cc]=[/color] op[color=#0000cc].[/color]match[color=#0000cc]([/color]new RegExp[color=#0000cc]([/color][color=#ff00ff]"^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$"[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            if[color=#0000cc]([/color]m [color=#0000cc]=[/color][color=#0000cc]=[/color] null [color=#0000cc])[/color] return false[color=#0000cc];[/color]

                            day [color=#0000cc]=[/color] m[color=#0000cc][[/color]6[color=#0000cc]][/color][color=#0000cc];[/color]

                            month [color=#0000cc]=[/color] m[color=#0000cc][[/color]5[color=#0000cc]][/color][color=#0000cc]-[/color][color=#0000cc]-[/color][color=#0000cc];[/color]

                            year [color=#0000cc]=[/color]  [color=#0000cc]([/color]m[color=#0000cc][[/color]2[color=#0000cc]][/color][color=#0000cc].[/color]length [color=#0000cc]=[/color][color=#0000cc]=[/color] 4[color=#0000cc])[/color] ? m[color=#0000cc][[/color]2[color=#0000cc]][/color] : GetFullYear[color=#0000cc]([/color]parseInt[color=#0000cc]([/color]m[color=#0000cc][[/color]3[color=#0000cc]][/color][color=#0000cc],[/color] 10[color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            break[color=#0000cc];[/color]

                     case [color=#ff00ff]"dmy"[/color] :

                            m [color=#0000cc]=[/color] op[color=#0000cc].[/color]match[color=#0000cc]([/color]new RegExp[color=#0000cc]([/color][color=#ff00ff]"^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"[/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            if[color=#0000cc]([/color]m [color=#0000cc]=[/color][color=#0000cc]=[/color] null [color=#0000cc])[/color] return false[color=#0000cc];[/color]

                            day [color=#0000cc]=[/color] m[color=#0000cc][[/color]1[color=#0000cc]][/color][color=#0000cc];[/color]

                            month [color=#0000cc]=[/color] m[color=#0000cc][[/color]3[color=#0000cc]][/color][color=#0000cc]-[/color][color=#0000cc]-[/color][color=#0000cc];[/color]

                            year [color=#0000cc]=[/color] [color=#0000cc]([/color]m[color=#0000cc][[/color]5[color=#0000cc]][/color][color=#0000cc].[/color]length [color=#0000cc]=[/color][color=#0000cc]=[/color] 4[color=#0000cc])[/color] ? m[color=#0000cc][[/color]5[color=#0000cc]][/color] : GetFullYear[color=#0000cc]([/color]parseInt[color=#0000cc]([/color]m[color=#0000cc][[/color]6[color=#0000cc]][/color][color=#0000cc],[/color] 10[color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

                            break[color=#0000cc];[/color]

                     default :

                            break[color=#0000cc];[/color]

              [color=#0000cc]}[/color]

              if[color=#0000cc]([/color]!parseInt[color=#0000cc]([/color]month[color=#0000cc])[/color][color=#0000cc])[/color] return false[color=#0000cc];[/color]

              month [color=#0000cc]=[/color] month[color=#0000cc]=[/color][color=#0000cc]=[/color]12 ?0:month[color=#0000cc];[/color]

              [color=#0000ff]var[/color] date [color=#0000cc]=[/color] new Date[color=#0000cc]([/color]year[color=#0000cc],[/color] month[color=#0000cc],[/color] day[color=#0000cc])[/color][color=#0000cc];[/color]

        return [color=#0000cc]([/color]typeof[color=#0000cc]([/color]date[color=#0000cc])[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"object"[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] year [color=#0000cc]=[/color][color=#0000cc]=[/color] date[color=#0000cc].[/color]getFullYear[color=#0000cc]([/color][color=#0000cc])[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] month [color=#0000cc]=[/color][color=#0000cc]=[/color] date[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] day [color=#0000cc]=[/color][color=#0000cc]=[/color] date[color=#0000cc].[/color]getDate[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

              function GetFullYear[color=#0000cc]([/color]y[color=#0000cc])[/color][color=#0000cc]{[/color]return [color=#0000cc]([/color][color=#0000cc]([/color]y[color=#0000cc]<[/color]30 ? [color=#ff00ff]"20"[/color] : [color=#ff00ff]"19"[/color][color=#0000cc])[/color] [color=#0000cc]+[/color] y[color=#0000cc])[/color][color=#0000cc]|[/color]0[color=#0000cc];[/color][color=#0000cc]}[/color]

       [color=#0000cc]}[/color]

[color=#0000cc]}[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]

八、漂亮的脚本日历

[color=#0000cc]<[/color][color=#0000ff]Script[/color] [color=#ff0000]LANGUAGE[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript"[/color][color=#0000cc]>[/color]

[color=#0000ff]var[/color] months [color=#0000cc]=[/color] new Array[color=#0000cc]([/color][color=#ff00ff]"一"[/color][color=#0000cc],[/color] [color=#ff00ff]"二"[/color][color=#0000cc],[/color] [color=#ff00ff]"三"[/color][color=#0000cc],[/color][color=#ff00ff]"四"[/color][color=#0000cc],[/color] [color=#ff00ff]"五"[/color][color=#0000cc],[/color] [color=#ff00ff]"六"[/color][color=#0000cc],[/color] [color=#ff00ff]"七"[/color][color=#0000cc],[/color] [color=#ff00ff]"八"[/color][color=#0000cc],[/color] [color=#ff00ff]"九"[/color][color=#0000cc],[/color][color=#ff00ff]"十"[/color][color=#0000cc],[/color] [color=#ff00ff]"十一"[/color][color=#0000cc],[/color] [color=#ff00ff]"十二"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000ff]var[/color] daysInMonth [color=#0000cc]=[/color] new Array[color=#0000cc]([/color]31[color=#0000cc],[/color] 28[color=#0000cc],[/color] 31[color=#0000cc],[/color] 30[color=#0000cc],[/color] 31[color=#0000cc],[/color] 30[color=#0000cc],[/color] 31[color=#0000cc],[/color] 31[color=#0000cc],[/color]30[color=#0000cc],[/color] 31[color=#0000cc],[/color] 30[color=#0000cc],[/color] 31[color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000ff]var[/color] days [color=#0000cc]=[/color] new Array[color=#0000cc]([/color][color=#ff00ff]"日"[/color][color=#0000cc],[/color][color=#ff00ff]"一"[/color][color=#0000cc],[/color] [color=#ff00ff]"二"[/color][color=#0000cc],[/color] [color=#ff00ff]"三"[/color][color=#0000cc],[/color][color=#ff00ff]"四"[/color][color=#0000cc],[/color] [color=#ff00ff]"五"[/color][color=#0000cc],[/color] [color=#ff00ff]"六"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000ff]var[/color] classTemp[color=#0000cc];[/color]

[color=#0000ff]var[/color] today[color=#0000cc]=[/color]new getToday[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000ff]var[/color] year[color=#0000cc]=[/color]today[color=#0000cc].[/color]year[color=#0000cc];[/color]

[color=#0000ff]var[/color] month[color=#0000cc]=[/color]today[color=#0000cc].[/color]month[color=#0000cc];[/color]

[color=#0000ff]var[/color] newCal[color=#0000cc];[/color]



function getDays[color=#0000cc]([/color]month[color=#0000cc],[/color] year[color=#0000cc])[/color] [color=#0000cc]{[/color]

  if [color=#0000cc]([/color]1 [color=#0000cc]=[/color][color=#0000cc]=[/color] month[color=#0000cc])[/color] return [color=#0000cc]([/color][color=#0000cc]([/color]0 [color=#0000cc]=[/color][color=#0000cc]=[/color] year [color=#0000cc]%[/color] 4[color=#0000cc])[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] [color=#0000cc]([/color]0 ![color=#0000cc]=[/color] [color=#0000cc]([/color]year [color=#0000cc]%[/color] 100[color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc])[/color] [color=#0000cc]|[/color][color=#0000cc]|[/color][color=#0000cc]([/color]0 [color=#0000cc]=[/color][color=#0000cc]=[/color] year [color=#0000cc]%[/color] 400[color=#0000cc])[/color] ? 29 : 28[color=#0000cc];[/color]

  else return daysInMonth[color=#0000cc][[/color]month[color=#0000cc]][/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]



function getToday[color=#0000cc]([/color][color=#0000cc])[/color] [color=#0000cc]{[/color]

  this[color=#0000cc].[/color]now [color=#0000cc]=[/color] new Date[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

  this[color=#0000cc].[/color]year [color=#0000cc]=[/color] this[color=#0000cc].[/color]now[color=#0000cc].[/color]getFullYear[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

  this[color=#0000cc].[/color]month [color=#0000cc]=[/color] this[color=#0000cc].[/color]now[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

  this[color=#0000cc].[/color]day [color=#0000cc]=[/color] this[color=#0000cc].[/color]now[color=#0000cc].[/color]getDate[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]



function Calendar[color=#0000cc]([/color][color=#0000cc])[/color] [color=#0000cc]{[/color]

  newCal [color=#0000cc]=[/color] new Date[color=#0000cc]([/color]year[color=#0000cc],[/color]month[color=#0000cc],[/color]1[color=#0000cc])[/color][color=#0000cc];[/color]

  today [color=#0000cc]=[/color] new getToday[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]   

  [color=#0000ff]var[/color] day [color=#0000cc]=[/color] -1[color=#0000cc];[/color]

  [color=#0000ff]var[/color] startDay [color=#0000cc]=[/color] newCal[color=#0000cc].[/color]getDay[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

  [color=#0000ff]var[/color] endDay[color=#0000cc]=[/color]getDays[color=#0000cc]([/color]newCal[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc],[/color] newCal[color=#0000cc].[/color]getFullYear[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]

  [color=#0000ff]var[/color] daily [color=#0000cc]=[/color] 0[color=#0000cc];[/color]

  if [color=#0000cc]([/color][color=#0000cc]([/color]today[color=#0000cc].[/color]year [color=#0000cc]=[/color][color=#0000cc]=[/color] newCal[color=#0000cc].[/color]getFullYear[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color][color=#0000cc]([/color]today[color=#0000cc].[/color]month [color=#0000cc]=[/color][color=#0000cc]=[/color] newCal[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc])[/color]

  [color=#0000cc]{[/color]

   day [color=#0000cc]=[/color] today[color=#0000cc].[/color]day[color=#0000cc];[/color]

  [color=#0000cc]}[/color]

  [color=#0000ff]var[/color] caltable [color=#0000cc]=[/color] document[color=#0000cc].[/color]all[color=#0000cc].[/color]caltable[color=#0000cc].[/color]tBodies[color=#0000cc].[/color]calendar[color=#0000cc];[/color]

  [color=#0000ff]var[/color] intDaysInMonth [color=#0000cc]=[/color]getDays[color=#0000cc]([/color]newCal[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc],[/color] newCal[color=#0000cc].[/color]getFullYear[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc];[/color]



  [color=#ff0000]for[/color] [color=#0000cc]([/color][color=#0000ff]var[/color] intWeek [color=#0000cc]=[/color] 0[color=#0000cc];[/color] intWeek [color=#0000cc]<[/color] caltable[color=#0000cc].[/color][color=#ff0000]rows[/color][color=#0000cc].[/color]length[color=#0000cc];[/color]intWeek[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

   [color=#ff0000]for[/color] [color=#0000cc]([/color][color=#0000ff]var[/color] intDay [color=#0000cc]=[/color] 0[color=#0000cc];[/color]intDay [color=#0000cc]<[/color] caltable[color=#0000cc].[/color][color=#ff0000]rows[/color][color=#0000cc][[/color]intWeek[color=#0000cc]][/color][color=#0000cc].[/color]cells[color=#0000cc].[/color]length[color=#0000cc];[/color]intDay[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

   [color=#0000cc]{[/color]

    [color=#0000ff]var[/color] cell [color=#0000cc]=[/color] caltable[color=#0000cc].[/color][color=#ff0000]rows[/color][color=#0000cc][[/color]intWeek[color=#0000cc]][/color][color=#0000cc].[/color]cells[color=#0000cc][[/color]intDay[color=#0000cc]][/color][color=#0000cc];[/color]

    [color=#0000ff]var[/color] montemp[color=#0000cc]=[/color][color=#0000cc]([/color]newCal[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]+[/color]1[color=#0000cc])[/color][color=#0000cc]<[/color]10?[color=#0000cc]([/color][color=#ff00ff]"0"[/color][color=#0000cc]+[/color][color=#0000cc]([/color]newCal[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]+[/color]1[color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc]:[/color][color=#0000cc]([/color]newCal[color=#0000cc].[/color]getMonth[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]+[/color]1[color=#0000cc])[/color][color=#0000cc];[/color]         

    if [color=#0000cc]([/color][color=#0000cc]([/color]intDay [color=#0000cc]=[/color][color=#0000cc]=[/color] startDay[color=#0000cc])[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] [color=#0000cc]([/color]0 [color=#0000cc]=[/color][color=#0000cc]=[/color] daily[color=#0000cc])[/color][color=#0000cc])[/color][color=#0000cc]{[/color] daily [color=#0000cc]=[/color] 1[color=#0000cc];[/color][color=#0000cc]}[/color]

    [color=#0000ff]var[/color] daytemp[color=#0000cc]=[/color]daily[color=#0000cc]<[/color]10?[color=#0000cc]([/color][color=#ff00ff]"0"[/color][color=#0000cc]+[/color]daily[color=#0000cc])[/color][color=#0000cc]:[/color][color=#0000cc]([/color]daily[color=#0000cc])[/color][color=#0000cc];[/color]

    [color=#0000ff]var[/color] d[color=#0000cc]=[/color][color=#ff00ff]"<"[/color][color=#0000cc]+[/color]newCal[color=#0000cc].[/color]getFullYear[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]+[/color][color=#ff00ff]"-"[/color][color=#0000cc]+[/color]montemp[color=#0000cc]+[/color][color=#ff00ff]"-"[/color][color=#0000cc]+[/color]daytemp[color=#0000cc]+[/color][color=#ff00ff]">"[/color][color=#0000cc];[/color]

    if[color=#0000cc]([/color]day[color=#0000cc]=[/color][color=#0000cc]=[/color]daily[color=#0000cc])[/color] cell[color=#0000cc].[/color]className[color=#0000cc]=[/color][color=#ff00ff]"DayNow"[/color][color=#0000cc];[/color]

    else if[color=#0000cc]([/color]intDay[color=#0000cc]=[/color][color=#0000cc]=[/color]6[color=#0000cc])[/color] cell[color=#0000cc].[/color]className [color=#0000cc]=[/color] [color=#ff00ff]"DaySat"[/color][color=#0000cc];[/color]

    else if [color=#0000cc]([/color]intDay[color=#0000cc]=[/color][color=#0000cc]=[/color]0[color=#0000cc])[/color] cell[color=#0000cc].[/color]className [color=#0000cc]=[/color][color=#ff00ff]"DaySun"[/color][color=#0000cc];[/color]

    else cell[color=#0000cc].[/color]className[color=#0000cc]=[/color][color=#ff00ff]"Day"[/color][color=#0000cc];[/color]

    if [color=#0000cc]([/color][color=#0000cc]([/color]daily [color=#0000cc]>[/color] 0[color=#0000cc])[/color] [color=#0000cc]&[/color][color=#0000cc]&[/color] [color=#0000cc]([/color]daily [color=#0000cc]<[/color][color=#0000cc]=[/color] intDaysInMonth[color=#0000cc])[/color][color=#0000cc])[/color]

    [color=#0000cc]{[/color]

     cell[color=#0000cc].[/color]innerText [color=#0000cc]=[/color] daily[color=#0000cc];[/color]

     daily[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc];[/color]

    [color=#0000cc]}[/color] else

    [color=#0000cc]{[/color]

     cell[color=#0000cc].[/color]className[color=#0000cc]=[/color][color=#ff00ff]"CalendarTD"[/color][color=#0000cc];[/color]

     cell[color=#0000cc].[/color]innerText [color=#0000cc]=[/color] [color=#ff00ff]""[/color][color=#0000cc];[/color]

    [color=#0000cc]}[/color]

  [color=#0000cc]}[/color]

  document[color=#0000cc].[/color]all[color=#0000cc].[/color]year[color=#0000cc].[/color][color=#ff0000]value[/color][color=#0000cc]=[/color]year[color=#0000cc];[/color]

  document[color=#0000cc].[/color]all[color=#0000cc].[/color]month[color=#0000cc].[/color][color=#ff0000]value[/color][color=#0000cc]=[/color]month[color=#0000cc]+[/color]1[color=#0000cc];[/color]

[color=#0000cc]}[/color]



function subMonth[color=#0000cc]([/color][color=#0000cc])[/color]

[color=#0000cc]{[/color]

  if [color=#0000cc]([/color][color=#0000cc]([/color]month-1[color=#0000cc])[/color][color=#0000cc]<[/color]0[color=#0000cc])[/color]

  [color=#0000cc]{[/color]

   month[color=#0000cc]=[/color]11[color=#0000cc];[/color]

   year[color=#0000cc]=[/color]year-1[color=#0000cc];[/color]

  [color=#0000cc]}[/color] else

  [color=#0000cc]{[/color]

   month[color=#0000cc]=[/color]month-1[color=#0000cc];[/color]

  [color=#0000cc]}[/color]

  Calendar[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]



function addMonth[color=#0000cc]([/color][color=#0000cc])[/color]

[color=#0000cc]{[/color]

  if[color=#0000cc]([/color][color=#0000cc]([/color]month[color=#0000cc]+[/color]1[color=#0000cc])[/color][color=#0000cc]>[/color]11[color=#0000cc])[/color]

  [color=#0000cc]{[/color]

   month[color=#0000cc]=[/color]0[color=#0000cc];[/color]

   year[color=#0000cc]=[/color]year[color=#0000cc]+[/color]1[color=#0000cc];[/color]

  [color=#0000cc]}[/color] else

  [color=#0000cc]{[/color]

   month[color=#0000cc]=[/color]month[color=#0000cc]+[/color]1[color=#0000cc];[/color]

  [color=#0000cc]}[/color]

  Calendar[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]



function setDate[color=#0000cc]([/color][color=#0000cc])[/color]

[color=#0000cc]{[/color]

  if [color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc].[/color]month[color=#0000cc].[/color][color=#ff0000]value[/color][color=#0000cc]<[/color]1[color=#0000cc]|[/color][color=#0000cc]|[/color]document[color=#0000cc].[/color]all[color=#0000cc].[/color]month[color=#0000cc].[/color][color=#ff0000]value[/color][color=#0000cc]>[/color]12[color=#0000cc])[/color]

  [color=#0000cc]{[/color]

   alert[color=#0000cc]([/color][color=#ff00ff]"月的有效范围在1-12之间!"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

   return[color=#0000cc];[/color]

  [color=#0000cc]}[/color]

  year[color=#0000cc]=[/color]Math[color=#0000cc].[/color]ceil[color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc].[/color]year[color=#0000cc].[/color][color=#ff0000]value[/color][color=#0000cc])[/color][color=#0000cc];[/color]

  month[color=#0000cc]=[/color]Math[color=#0000cc].[/color]ceil[color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc].[/color]month[color=#0000cc].[/color][color=#ff0000]value[/color][color=#ff0000]-[/color]1[color=#0000cc])[/color][color=#0000cc];[/color]

  Calendar[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]Script[/color][color=#0000cc]>[/color]



[color=#0000cc]<[/color][color=#0000ff]Script[/color][color=#0000cc]>[/color]

function buttonOver[color=#0000cc]([/color][color=#0000cc])[/color]

[color=#0000cc]{[/color]

[color=#0000ff]var[/color] obj [color=#0000cc]=[/color] window[color=#0000cc].[/color]event[color=#0000cc].[/color]srcElement[color=#0000cc];[/color]

obj[color=#0000cc].[/color]runtimeStyle[color=#0000cc].[/color]cssText [color=#0000cc]=[/color] [color=#ff00ff]"background-color:#FFFFFF"[/color][color=#0000cc];[/color]

[color=#0000cc]/[/color][color=#0000cc]/[/color] obj[color=#0000cc].[/color]className[color=#0000cc]=[/color][color=#ff00ff]"Hover"[/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]



function buttonOut[color=#0000cc]([/color][color=#0000cc])[/color]

[color=#0000cc]{[/color]

[color=#0000ff]var[/color] obj [color=#0000cc]=[/color] window[color=#0000cc].[/color]event[color=#0000cc].[/color]srcElement[color=#0000cc];[/color]

window[color=#0000cc].[/color]setTimeout[color=#0000cc]([/color]function[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]{[/color]obj[color=#0000cc].[/color]runtimeStyle[color=#0000cc].[/color]cssText [color=#0000cc]=[/color] [color=#ff00ff]""[/color][color=#0000cc];[/color][color=#0000cc]}[/color][color=#0000cc],[/color]300[color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000cc]}[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]Script[/color][color=#0000cc]>[/color]



[color=#0000cc]<[/color][color=#0000ff]Style[/color][color=#0000cc]>[/color]

[color=#0000ff]Input[/color] [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 9pt[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #FFFFFF[color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]:[/color] 1px solid #666666[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]000000[color=#0000cc];[/color][color=#0000cc]}[/color]



[color=#0000cc].[/color]Calendar [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color] 170[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #C0D0E8[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 9pt[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]:[/color]0px dotted #1C6FA5[color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000cc].[/color]CalendarTD [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 7pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]f6f6f6[color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color]11[color=#0000cc]%[/color][color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#0000cc]}[/color]



[color=#0000cc].[/color][color=#0000ff]Title[/color] [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 11pt[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]weight: normal[color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 24px[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #333333[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #A4B9D7[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top-[color=#ff0000]width[/color][color=#ff0000]:[/color] 1px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right-[color=#ff0000]width[/color][color=#ff0000]:[/color] 1px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom-[color=#ff0000]width[/color][color=#ff0000]:[/color] 1px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]left-[color=#ff0000]width[/color][color=#ff0000]:[/color] 1px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom-[color=#0000ff]style[/color][color=#0000ff]:[/color]1px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top-[color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right-[color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom-[color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]left-[color=#ff0000]color[/color][color=#ff0000]:[/color] #999999[color=#0000cc];[/color][color=#0000cc]}[/color]



[color=#0000cc].[/color]Day [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 7pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]243F65[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #E5E9F2[color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color]11[color=#0000cc]%[/color][color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000cc].[/color]DaySat [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 7pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FF0000[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]E5E9F2[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 18px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color] 12[color=#0000cc]%[/color][color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000cc].[/color]DaySun [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 7pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #FF0000[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]E5E9F2[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 18px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color] 12[color=#0000cc]%[/color][color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000cc].[/color]DayNow [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 7pt[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]weight: bold[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #FFFFFF[color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#0000cc]}[/color]



[color=#0000cc].[/color]DayTitle [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 9pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #000000[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #C0D0E8[color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color]11[color=#0000cc]%[/color][color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000cc].[/color]DaySatTitle [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 9pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FF0000[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]C0D0E8[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color] 12[color=#0000cc]%[/color][color=#0000cc];[/color][color=#0000cc]}[/color]

[color=#0000cc].[/color]DaySunTitle [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: verdana[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 9pt[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #FF0000[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #C0D0E8[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color] [color=#0000ff]center[/color][color=#0000cc];[/color][color=#ff0000]height[/color][color=#ff0000]:[/color] 20px[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color] 12[color=#0000cc]%[/color][color=#0000cc];[/color][color=#0000cc]}[/color]



[color=#0000cc].[/color]DayButton [color=#0000cc]{[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]family: Webdings[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color] 9pt[color=#0000cc];[/color][color=#0000ff]font[/color][color=#0000ff]-[/color]weight: bold[color=#0000cc];[/color][color=#ff0000]color[/color][color=#ff0000]:[/color] #243F65[color=#0000cc];[/color]cursor:hand[color=#0000cc];[/color][color=#ff0000]text[/color][color=#ff0000]-[/color]decoration: none[color=#0000cc];[/color][color=#0000cc]}[/color]



[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]Style[/color][color=#0000cc]>[/color]





[color=#0000cc]<[/color][color=#0000ff]table[/color] [color=#ff0000]border[/color][color=#0000cc]=[/color][color=#ff00ff]"0"[/color] [color=#ff0000]cellpadding[/color][color=#0000cc]=[/color][color=#ff00ff]"0"[/color] [color=#ff0000]cellspacing[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"Calendar"[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"caltable"[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]thead[/color][color=#0000cc]>[/color]

     [color=#0000cc]<[/color][color=#0000ff]tr[/color] [color=#ff0000]align[/color][color=#0000cc]=[/color][color=#ff00ff]"center"[/color] [color=#ff0000]valign[/color][color=#0000cc]=[/color][color=#ff00ff]"middle"[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]td[/color] [color=#ff0000]colspan[/color][color=#0000cc]=[/color][color=#ff00ff]"7"[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"Title"[/color][color=#0000cc]>[/color]

   [color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"javaScript:subMonth();"[/color] [color=#0000ff]title[/color][color=#0000cc]=[/color][color=#ff00ff]"上一月"[/color] [color=#ff0000]Class[/color][color=#0000cc]=[/color][color=#ff00ff]"DayButton"[/color][color=#0000cc]>[/color]3[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color] [color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"year"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"text"[/color] [color=#ff0000]size[/color][color=#0000cc]=[/color][color=#ff00ff]"4"[/color] [color=#ff0000]maxlength[/color][color=#0000cc]=[/color][color=#ff00ff]"4"[/color] [color=#ff0000]onkeydown[/color][color=#0000cc]=[/color][color=#ff00ff]"if (event.keyCode==13){setDate()}"[/color] [color=#ff0000]onkeyup[/color][color=#0000cc]=[/color][color=#ff00ff]"this.value=this.value.replace(/[^0-9]/g,'')"[/color]  onpaste[color=#0000cc]=[/color][color=#ff00ff]"this.value=this.value.replace(/[^0-9]/g,'')"[/color][color=#0000cc]>[/color] 年 [color=#0000cc]<[/color][color=#0000ff]input[/color] [color=#ff0000]name[/color][color=#0000cc]=[/color][color=#ff00ff]"month"[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"text"[/color] [color=#ff0000]size[/color][color=#0000cc]=[/color][color=#ff00ff]"1"[/color] [color=#ff0000]maxlength[/color][color=#0000cc]=[/color][color=#ff00ff]"2"[/color] [color=#ff0000]onkeydown[/color][color=#0000cc]=[/color][color=#ff00ff]"if (event.keyCode==13){setDate()}"[/color] [color=#ff0000]onkeyup[/color][color=#0000cc]=[/color][color=#ff00ff]"this.value=this.value.replace(/[^0-9]/g,'')"[/color]  onpaste[color=#0000cc]=[/color][color=#ff00ff]"this.value=this.value.replace(/[^0-9]/g,'')"[/color][color=#0000cc]>[/color] 月 [color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript:addMonth();"[/color] [color=#0000ff]title[/color][color=#0000cc]=[/color][color=#ff00ff]"下一月"[/color] [color=#ff0000]Class[/color][color=#0000cc]=[/color][color=#ff00ff]"DayButton"[/color][color=#0000cc]>[/color]4[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]td[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]tr[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]tr[/color] [color=#ff0000]align[/color][color=#0000cc]=[/color][color=#ff00ff]"center"[/color] [color=#ff0000]valign[/color][color=#0000cc]=[/color][color=#ff00ff]"middle"[/color][color=#0000cc]>[/color]

  [color=#0000cc]<[/color][color=#0000ff]Script[/color] [color=#ff0000]LANGUAGE[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript"[/color][color=#0000cc]>[/color]  

   document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"<TD class=DaySunTitle id=diary >"[/color] [color=#0000cc]+[/color] days[color=#0000cc][[/color]0[color=#0000cc]][/color] [color=#0000cc]+[/color] [color=#ff00ff]"</TD>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

   [color=#ff0000]for[/color] [color=#0000cc]([/color][color=#0000ff]var[/color] intLoop [color=#0000cc]=[/color] 1[color=#0000cc];[/color] intLoop [color=#0000cc]<[/color] days[color=#0000cc].[/color]length-1[color=#0000cc];[/color]intLoop[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

    document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"<TD class=DayTitle id=diary>"[/color] [color=#0000cc]+[/color] days[color=#0000cc][[/color]intLoop[color=#0000cc]][/color] [color=#0000cc]+[/color] [color=#ff00ff]"</TD>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

    document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"<TD class=DaySatTitle id=diary>"[/color] [color=#0000cc]+[/color] days[color=#0000cc][[/color]intLoop[color=#0000cc]][/color] [color=#0000cc]+[/color] [color=#ff00ff]"</TD>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]Script[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]TR[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]thead[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]TBODY[/color] [color=#ff0000]border[/color][color=#0000cc]=[/color]1 [color=#ff0000]cellspacing[/color][color=#0000cc]=[/color][color=#ff00ff]"0"[/color] [color=#ff0000]cellpadding[/color][color=#0000cc]=[/color][color=#ff00ff]"0"[/color] [color=#ff0000]ID[/color][color=#0000cc]=[/color][color=#ff00ff]"calendar"[/color] [color=#ff0000]ALIGN[/color][color=#0000cc]=[/color][color=#0000ff]CENTER[/color] [color=#ff0000]ONCLICK[/color][color=#0000cc]=[/color][color=#ff00ff]"getDiary()"[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]Script[/color] [color=#ff0000]LANGUAGE[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript"[/color][color=#0000cc]>[/color]

  [color=#ff0000]for[/color] [color=#0000cc]([/color][color=#0000ff]var[/color] intWeeks [color=#0000cc]=[/color] 0[color=#0000cc];[/color] intWeeks [color=#0000cc]<[/color] 6[color=#0000cc];[/color] intWeeks[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]

  [color=#0000cc]{[/color]

   document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"<TR style='cursor:hand'>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

   [color=#ff0000]for[/color] [color=#0000cc]([/color][color=#0000ff]var[/color] intDays [color=#0000cc]=[/color] 0[color=#0000cc];[/color] intDays [color=#0000cc]<[/color] days[color=#0000cc].[/color]length[color=#0000cc];[/color]intDays[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color] document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

   document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"</TR>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]

  [color=#0000cc]}[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]Script[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]TBODY[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]TABLE[/color][color=#0000cc]>[/color]

[color=#0000cc]<[/color][color=#0000ff]Script[/color]  [color=#ff0000]LANGUAGE[/color][color=#0000cc]=[/color][color=#ff00ff]"JavaScript"[/color][color=#0000cc]>[/color]

Calendar[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]

[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]Script[/color][color=#0000cc]>[/color]


[/color]

[color=#000000]九、从左到右的色彩变化——来自布拉格公园

[color=#0000cc]<[/color][color=#0000ff]script[/color][color=#0000cc]>[/color][color=#0000ff]var[/color] message[color=#0000cc]=[/color][color=#ff00ff]"布拉格公园，Evance'Park"[/color]
[color=#0000ff]var[/color] n[color=#0000cc]=[/color]0[color=#0000cc];[/color]
if [color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc])[/color][color=#0000cc]{[/color]
document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]'<font size="12px" color="red">'[/color][color=#0000cc])[/color]
[color=#ff0000]for[/color] [color=#0000cc]([/color]m[color=#0000cc]=[/color]0[color=#0000cc];[/color]m[color=#0000cc]<[/color]message[color=#0000cc].[/color]length[color=#0000cc];[/color]m[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]
document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]'<span id="neonlight" style="font-size:12px">'[/color][color=#0000cc]+[/color]message[color=#0000cc].[/color]charAt[color=#0000cc]([/color]m[color=#0000cc])[/color][color=#0000cc]+[/color][color=#ff00ff]'</span>'[/color][color=#0000cc])[/color]
document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]'</font>'[/color][color=#0000cc])[/color]
[color=#0000ff]var[/color] tempref[color=#0000cc]=[/color]document[color=#0000cc].[/color]all[color=#0000cc].[/color]neonlight
[color=#0000cc]}[/color]
else
document[color=#0000cc].[/color]write[color=#0000cc]([/color]message[color=#0000cc])[/color]
function neon[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]{[/color]
if [color=#0000cc]([/color]n[color=#0000cc]=[/color][color=#0000cc]=[/color]0[color=#0000cc])[/color][color=#0000cc]{[/color]
[color=#ff0000]for[/color] [color=#0000cc]([/color]m[color=#0000cc]=[/color]0[color=#0000cc];[/color]m[color=#0000cc]<[/color]message[color=#0000cc].[/color]length[color=#0000cc];[/color]m[color=#0000cc]+[/color][color=#0000cc]+[/color][color=#0000cc])[/color]
tempref[color=#0000cc][[/color]m[color=#0000cc]][/color][color=#0000cc].[/color][color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color][color=#0000cc]=[/color][color=#ff00ff]"#000000"[/color]
[color=#0000cc]}[/color]
tempref[color=#0000cc][[/color]n[color=#0000cc]][/color][color=#0000cc].[/color][color=#0000ff]style[/color][color=#0000cc].[/color][color=#ff0000]color[/color][color=#0000cc]=[/color][color=#ff00ff]"RED"[/color]
if [color=#0000cc]([/color]n[color=#0000cc]<[/color]tempref[color=#0000cc].[/color]length[color=#0000cc]-[/color]1[color=#0000cc])[/color]
n[color=#0000cc]+[/color][color=#0000cc]+[/color]
else[color=#0000cc]{[/color]
n[color=#0000cc]=[/color]0
clearInterval[color=#0000cc]([/color]flashing[color=#0000cc])[/color]
setTimeout[color=#0000cc]([/color][color=#ff00ff]"beginneon()"[/color][color=#0000cc],[/color]1000[color=#0000cc])[/color]
return
[color=#0000cc]}[/color]
[color=#0000cc]}[/color]
function beginneon[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]{[/color]
if [color=#0000cc]([/color]document[color=#0000cc].[/color]all[color=#0000cc])[/color]
flashing[color=#0000cc]=[/color]setInterval[color=#0000cc]([/color][color=#ff00ff]"neon()"[/color][color=#0000cc],[/color]50[color=#0000cc])[/color]
[color=#0000cc]}[/color]
beginneon[color=#0000cc]([/color][color=#0000cc])[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]

常用js封装

[color=#0000cc]<[/color][color=#0000cc]?[/color][color=#0000ff]php[/color]
[color=#ff9900]//
[/color]
[color=#ff9900]// +----------------------------------------------------------------------+
[/color]
[color=#ff9900]// | JS javascript 类 |
[/color]
[color=#ff9900]// +----------------------------------------------------------------------+
[/color]
[color=#ff9900]// | Copyright (c) 2001 NetFish Software |
[/color]
[color=#ff9900]// | |
[/color]
[color=#ff9900]// | Author: whxbb([email=whxbb@21cn.com]whxbb@21cn.com[/email]) |
[/color]
[color=#ff9900]// +----------------------------------------------------------------------+
[/color]
[color=#ff9900]//
[/color]
[color=#ff9900]// $Id: js.class.php,v 0.1 2001/8/5 18:48:33 yf Exp $
[/color]
[color=#ff9900]//
[/color]

[color=#ff9900]// 禁止直接访问该页面
[/color]
[color=#0000ff]if[/color] [color=#0000cc]([/color][color=#ff0000]basename[/color][color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]HTTP_SERVER_VARS[/color][color=#0000cc][[/color][color=#ff00ff]'PHP_SELF'[/color][color=#0000cc]][/color][color=#0000cc])[/color] [color=#0000cc]=[/color][color=#0000cc]=[/color] [color=#ff00ff]"js.class.php"[/color][color=#0000cc])[/color] [color=#0000cc]{[/color]
    [color=#ff0000]header[/color][color=#0000cc]([/color][color=#ff00ff]"HTTP/1.0 404 Not Found"[/color][color=#0000cc])[/color][color=#0000cc];[/color]
[color=#0000cc]}[/color]

[color=#ff9900]/**
* Purpose
* 封装了一些常用的Javascript代码，以便在PHP中快速调用
* @author : whxbb([email=whxbb@21cn.com]whxbb@21cn.com[/email])
* @version : 0.1
* @date : 2001/8/5
*/[/color]
[color=#0000ff]class[/color] JS
[color=#0000cc]{[/color]
    [color=#0000ff]function[/color] JS[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc]{[/color][color=#0000cc]}[/color]
   
    [color=#ff9900]/**
     *　返回上页
     * @param $step 返回的层数 默认为1
     */[/color]
    [color=#0000ff]function[/color] Back[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]step[/color] [color=#0000cc]=[/color] [color=#0000cc]-[/color]1[color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#ff00ff]"history.go("[/color][color=#0000cc].[/color][color=#0000ff]$[/color][color=#008080]step[/color][color=#0000cc].[/color][color=#ff00ff]");"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]FreeResource[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]
        [color=#ff0000]exit[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]

    [color=#ff9900]/**
     * 弹出警告的窗口
     * @param $msg 警告信息
     */[/color]
    [color=#0000ff]function[/color] Alert[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#ff00ff]"alert("[/color][color=#ff00ff]".$msg."[/color][color=#ff00ff]");"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]
    [color=#ff9900]/**
     * 写js
     * @param $msg
     */[/color]
    [color=#0000ff]function[/color] _Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#ff0000]echo[/color] [color=#ff00ff]"<script language="[/color]javascript[color=#ff00ff]">n"[/color][color=#0000cc];[/color]
        [color=#ff0000]echo[/color] [color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc];[/color]
        [color=#ff0000]echo[/color] [color=#ff00ff]"n</script>"[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]

    [color=#ff9900]/**
     * 刷新当前页
     */[/color]
    [color=#0000ff]function[/color] Reload[color=#0000cc]([/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#ff00ff]"location.reload();"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]FreeResource[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
        [color=#ff0000]exit[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]
    [color=#ff9900]/**
     * 刷新弹出父页
     */[/color]
    [color=#0000ff]function[/color] ReloadOpener[color=#0000cc]([/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#ff00ff]"if (opener) opener.location.reload();"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]

    [color=#ff9900]/**
     * 跳转到url
     * @param $url 目标页
     */[/color]
    [color=#0000ff]function[/color] Goto[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]url[/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#ff00ff]"location.href = '$url';"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]FreeResource[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
        [color=#ff0000]exit[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]
    [color=#ff9900]/**
     * 关闭窗口
     */[/color]
     [color=#0000ff]function[/color] Close[color=#0000cc]([/color][color=#0000cc])[/color]
     [color=#0000cc]{[/color]
         [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#ff00ff]"window.close()"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]FreeResource[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
        [color=#ff0000]exit[/color][color=#0000cc];[/color]
        
     [color=#0000cc]}[/color]
    [color=#ff9900]/**
     * 提交表单
     * @param $frm 表单名
     */[/color]
    [color=#0000ff]function[/color] Submit[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]frm[/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#0000ff]$[/color][color=#008080]msg[/color] [color=#0000cc]=[/color] [color=#0000ff]$[/color][color=#008080]frm[/color][color=#0000cc].[/color][color=#ff00ff]".submit();"[/color][color=#0000cc];[/color]
        JS[color=#0000cc]:[/color][color=#0000cc]:[/color]_Write[color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]msg[/color][color=#0000cc])[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]
    [color=#ff9900]/**
     * 关闭数据库连接
     */[/color]
    [color=#0000ff]function[/color] FreeResource[color=#0000cc]([/color][color=#0000cc])[/color]
    [color=#0000cc]{[/color]
        [color=#ff9900]// 数据库连接标志
[/color]
        [color=#0000ff]global[/color] [color=#0000ff]$[/color][color=#008080]conn[/color][color=#0000cc];[/color]
        [color=#0000ff]if[/color] [color=#0000cc]([/color][color=#ff0000]is_resource[/color][color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]conn[/color][color=#0000cc])[/color][color=#0000cc])[/color]
            [color=#0000cc]@[/color][color=#ff0000]mysql_close[/color][color=#0000cc]([/color][color=#0000ff]$[/color][color=#008080]conn[/color][color=#0000cc])[/color][color=#0000cc];[/color]
    [color=#0000cc]}[/color]
[color=#0000cc]}[/color]
[color=#0000cc]?[/color][color=#0000cc]>[/color]

[/color]