这是JS的示例：htmlheadstyletype = text / css＃with{width：600px;}。
Cx-ul{宽度：90像素；浮动：左；边框：1像素＃ff0000solid;}。
Cx-ulul{边距：0；填充：0；字体大小：20像素；高度：150像素；}。
Cx-ulli{列表样式：无；填充：15px0;}。
Cx-ulul。
链接列表。
当前{margin-left：15px;}＃tab-main-top1{宽度：480px； float：左； padding-left：10px；背景色：＃666666； margin：00015px;}＃tab-main-top1ul{padding：0px；边距：0px；列表样式：内部；}＃tab-main-top1ulli{显示：块；光标：指针。字体粗细：粗体。浮动：左；上边距：3像素；宽度：100像素；高度：23像素；背景颜色：＃000000；列表样式：无。颜色：#FFFFFF；文本对齐方式：居中；}＃tab-main-top1ulli。
无效的{background：#FFFFFF；颜色：＃333333； font-weight：粗体；}＃tab-main-top1-li{float：left； height：23像素；}。
制表符主要{左上边距：15px；边框：1px＃ff0000solid；浮动：左侧；宽度：480px；高度：200px；文本对齐：中心；字体大小：20px；颜色：＃ff0000；顶部填充：50px;}a{text-decoration：none;}a：悬停{color：＃d5d5d5;}a：访问{color：#cbcbcb;}/ stylescripttype = text / javascriptfunctionchangeTab（n）{varlen = 3; for（vari =1； i = len； i ++）{文档。
getElementById（tab_ + i）。
风格
屏幕=（i == n）？
阻止：无文档。
getElementById（tab_head_ + i）。
className =（i == n）？
无效：无}}vartimeout; functiondelayChangeTab（m，n）{timeout = setTimeout（changeTab（+ m +），n）;}functioncancelChangeTab（）{clearTimeout（timeout）;}/脚本/ headbodydivid = condivclass = cx-ululclass=链接列表liclass =当前样式=显示：blockonclick = changeTab（1ahref =＃Part_1 / a / liliclass = currentstyle =显示：blockonclick = changeTab（2ahref =＃Part_2 / a / liliclass = currentstyle =显示：blockonclick = changeTab（3ahref=＃Part_3 / a / li / ul / divdivid = tab-main-top1ulliid = tab_head_1onmouseover = delayChangeTab（1,500）; onmouseout = cancelChangeTab（）; onclick = changeTab（1）类= isactivestyle =宽度：100pxPart_1 / liliid = tab_head_2onmouseab = tab_head_2;（）; Onclick = changeTab（2）样式=宽度：100pxPart_2 / liliid = tab_head_3onmouseover = delayChangeTab（3,500）; onmouseout = cancelChangeTab（）; onclick = changeTab（3）样式=宽度：100pxPart_3 / li / ul / divdivid =tab_1class = tab_1ctab-mainPart_1 / divdivid = tab_2class = tab-mainstyle =显示：无； Part_2 / divdivid = tab_3class = tab-mainstyle =显示：无； Part_3 / div / div / body / html
