Tabs that can automatically rotate tabs with auto play fucntion_javascript technique

<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <title> tabs with auto play function </title> <meta name="Design Corp" content="Agenda"> <meta name="robots" content="all"> <style type="text/css" media="screen"> <!-- body,dl,dt,dd{font:12px/1.5em arial;padding:0;margin:0;} body{margin:25px;} img{border:0;} a:link{color:#369;text-decoration: none; } a:hover{color:#c83;} .tab{zoom:1;overflow:hidden;width:150px;border:1px solid #ccc;} .tab dt{float:left;width:50px;background: #eee;text-align: center;padding:2px 0;text-decoration: none;color:#666;cursor:pointer;} .tab dt a{text-decoration: none;color:#666;} .tab dt a:hover{text-decoration: none;color:#c83;} .tab dt.on, .tab dt.on a, .tab dt:hover{background: #fff;color:#c83;} .tab dd{display:none;clear:both;} .tab dd.on{display:block;} .tab dd img{display:block;padding-top:3px;height: 93px;width: 150px;} .tab dd a{padding:5px;} --> </style> <dl id="tab_01" class="tab"> <dt id="tab_01"> <a href="#tabs_01"></a>tab_01</dt> <dt id="tab_02"> <a href="#tabs_02"></a>tab_02</dt> <dt id="tab_03"> <a href="#tabs_03"></a>tab_03</dt> <dd id="tabs_01"> <img src="Tabs%20that%20can%20automatically%20rotate%20tabs%20with%20auto%20play%20fucntion_javascript%20technique" alt="Tabs that can automatically rotate tabs with auto play fucntion_javascript technique"><a href="#"></a>link1</dd> <dd id="tabs_02"> <img src="Tabs%20that%20can%20automatically%20rotate%20tabs%20with%20auto%20play%20fucntion_javascript%20technique" alt="Tabs that can automatically rotate tabs with auto play fucntion_javascript technique"><a href="#"></a>link2</dd> <dd id="tabs_03"> <img src="Tabs%20that%20can%20automatically%20rotate%20tabs%20with%20auto%20play%20fucntion_javascript%20technique" alt="Tabs that can automatically rotate tabs with auto play fucntion_javascript technique"><a href="#"></a>link3</dd> </dl>