Js automatic slide + mouse Slide Area

<Style type = "text/css"> </style> automatic slide + 10 seconds automatic jump to the mouse sliding area <table width = "100%" border = "0" cellspacing = "0 "cellpadding =" 0 "class =" iborder "> <tr> <td> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0"> <tr> <td class = "topnavon" id = "clipNum1" onMouseOver = "clip_Switch (1 ); return false; "> hotspot focus </td> <td class =" topnavoff "id =" clipNum2 "onMouseOver =" clip_Switch (2); return false; "> graphic news </td> <td class = "Topnavoff" id = "clipNum3" onMouseOver = "clip_Switch (3); return false; "> Economic News </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td id = "newsbox1" style = "display: block; "> News 1 </td> </tr> <td id =" newsbox2 "style =" display: none; "> News 2 </td> </tr> <td id =" newsbox3 "style =" display: none; "> News 3 </td> </tr> </table> automatic jump in 5 seconds <table width =" 100% "bor Der = "0" cellspacing = "0" cellpadding = "0" class = "iborder"> <tr> <td> <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0"> <tr> <td class = "topnavon" id = "ecNav1" onMouseOver = "ecNavOn (1 ); return false; "> Financial News </td> <td class =" topnavoff "id =" ecNav2 "onMouseOver =" ecNavOn (2); return false; "> Financial observation </td> <td class =" topnavoff "id =" ecNav3 "onMouseOver =" ecNavOn (3); return false; "> exclusive comment </td> <td class =" Pnavoff "id =" ecNav4 "onMouseOver =" ecNavOn (4); return false; "> Xianggu online </td> <td class =" topnavoff "id =" ecNav5 "onMouseOver =" ecNavOn (5); return false; "> fortune ranking </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td id = "ecBox1" style = "display: block; "> Finance 1 </td> </tr> <td id =" ecBox2 "style =" display: none; "> Finance 2 </td> </tr> <td id =" ecBox3 "style =" display: none; "> Finance 3 </ Td> </tr> <td id = "ecBox4" style = "display: none; "> Finance 4 </td> </tr> <td id =" ecBox5 "style =" display: none; "> Finance 5 </td> </tr> </table>! <P style = "font-size: 12px; text-align: left;"> although this works well, if one page has multiple such effects, it would be too stupid to write multiple JS functions for each part. In fact, only the control names are different. I am very grateful to the experts for improving them into a common function or class for calling. </P>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Although the results are good, if a page has multiple such effects, it is too stupid to write multiple JS functions for each part. In fact, only the control names are different. I am very grateful to the experts for improving them into a common function or class for calling.
<Style type = "text/css"> </style> automatic sliding + mouse sliding area <table width = "100%" border = "0" cellspacing = "0" cellpadding =" 0 "class =" iborder "> <tr> <td> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td class = "topnavon" id = "clipNum1" onMouseOver = "clip_Switch ('clipnum ', 'newsbox', 1, 3); return false; "> hotspot focus </td> <td class =" topnavoff "id =" clipNum2 "onMouseOver =" clip_Switch ('clipnum ', 'newbox', 2, 3 ); Return false; "> graphic news </td> <td class =" topnavoff "id =" clipNum3 "onMouseOver =" clip_Switch ('clipnum', 'newsbox', 3, 3 ); return false; "> Economic News </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td id = "newsbox1" style = "display: block; "> News 1 </td> </tr> <td id =" newsbox2 "style =" display: none; "> News 2 </td> </tr> <td id =" newsbox3 "style =" display: none; "> News 3 </td> </tr> </ Table> </td> </tr> </table> <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" class = "iborder "> <tr> <td> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td class =" topnavon "id =" ecNav1 "onMouseOver =" clip_Switch ('ecnav ', 'ecbox', 1, 5); return false; "> Financial News </td> <td class =" topnavoff "id =" ecNav2 "onMouseOver =" clip_Switch ('ecnavv ', 'ecbox', 2, 5); return false; "> Financial observation </td> <t D class = "topnavoff" id = "ecNav3" onMouseOver = "clip_Switch ('ecnavv', 'ecbox', 3, 5); return false; "> exclusive comment </td> <td class =" topnavoff "id =" ecNav4 "onMouseOver =" clip_Switch ('ecnavv', 'ecbox',); return false; "> Xianggu online </td> <td class =" topnavoff "id =" ecNav5 "onMouseOver =" clip_Switch ('ecnav', 'ecbox', 5, 5); return false; "> fortune ranking </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <Td id = "ecBox1" style = "display: block; "> Finance 1 </td> </tr> <td id =" ecBox2 "style =" display: none; "> Finance 2 </td> </tr> <td id =" ecBox3 "style =" display: none; "> Finance 3 </td> </tr> <td id =" ecBox4 "style =" display: none; "> Finance 4 </td> </tr> <td id =" ecBox5 "style =" display: none; "> Finance 5 </td> </tr> </table> <table width =" 100% "border =" 0" cellspacing = "0" cellpadding = "0" class = "iborder"> <tr> <Td> <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0"> <tr> <td class = "topnavon" id =" bcNav1 "onMouseOver =" clip_Switch ('bcnav ', 'bcbox',); return false; "> Financial News </td> <td class =" topnavoff "id =" bcNav2 "onMouseOver =" clip_Switch ('bcnav ', 'bcbox', 2, 5); return false; "> Financial observation </td> <td class =" topnavoff "id =" bcNav3 "onMouseOver =" clip_Switch ('bcnav ', 'bcbox', 3, 5); return false; "> exclusive comment </td> <td CIA Ss = "topnavoff" id = "bcNav4" onMouseOver = "clip_Switch ('bcnav', 'bcbox', 4, 5); return false; "> Xianggu online </td> <td class =" topnavoff "id =" bcNav5 "onMouseOver =" clip_Switch ('bcnav', 'bcbox', 5, 5); return false; "> fortune ranking </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td id = "bcBox1" style = "display: block; "> Finance 1 </td> </tr> <td id =" bcBox2 "style =" display: none; "> Finance 2 </td> </tr> <Tr> <td id = "bcBox3" style = "display: none; "> Finance 3 </td> </tr> <td id =" bcBox4 "style =" display: none; "> Finance 4 </td> </tr> <td id =" bcBox5 "style =" display: none; "> Finance 5 </td> </tr> </table>! <P style = "font-size: 12px; text-align, the third item starts with the third item? In addition, only the last one is automatically played, and the previous one is dead, and the code is not refined enough. Please help the experts to continue the modification. </P>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
<Style type = "text/css"> </style> automatic sliding + mouse sliding area <table width = "100%" border = "0" cellspacing = "0" cellpadding =" 0 "class =" iborder "> <tr> <td> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td class = "topnavon" id = "clipNum1" onclick = "clip_Switch ('clipnum ', 'newsbox', 1, 3); return false; "> hotspot focus </td> <td class =" topnavoff "id =" clipNum2 "onclick =" clip_Switch ('clipnum ', 'newbox', 2, 3); return False; "> graphic news </td> <td class =" topnavoff "id =" clipNum3 "onclick =" clip_Switch ('clipnum', 'newsbox', 3, 3 ); return false; "> Economic News </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td id = "newsbox1" style = "display: block; "> News 1 </td> </tr> <td id =" newsbox2 "style =" display: none; "> News 2 </td> </tr> <td id =" newsbox3 "style =" display: none; "> News 3 </td> </tr> </table> </td> </Tr> </table> <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" class = "iborder"> <tr> <td> <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0"> <tr> <td class = "topnavon" id = "ecNav1" onclick = "clip_Switch ('ecnav ', 'ecbox', 1, 5); return false; "> Financial News </td> <td class =" topnavoff "id =" ecNav2 "onclick =" clip_Switch ('ecnavv ', 'ecbox', 2, 5); return false; "> Financial observation </td> <td class =" topnavoff" Id = "ecNav3" onclick = "clip_Switch ('ecnavv', 'ecbox',); return false; "> exclusive comment </td> <td class =" topnavoff "id =" ecNav4 "onclick =" clip_Switch ('ecnavv', 'ecbox',); return false; "> Xianggu online </td> <td class =" topnavoff "id =" ecNav5 "onclick =" clip_Switch ('ecnav', 'ecbox', 5, 5); return false; "> fortune ranking </td> </tr> </table> <table width =" 100% "border =" 0 "cellspacing =" 0 "cellpadding =" 0 "> <tr> <td id = "ecBox1" style = "display: Block; "> Finance 1 </td> </tr> <td id =" ecBox2 "style =" display: none; "> Finance 2 </td> </tr> <td id =" ecBox3 "style =" display: none; "> Finance 3 </td> </tr> <td id =" ecBox4 "style =" display: none; "> Finance 4 </td> </tr> <td id =" ecBox5 "style =" display: none; "> Finance 5 </td> </tr> </table>! <P style = "font-size: 12px; text-align: left;"> it will not be automatically played after modification. </P>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]