2010年07月5日 存档

自动轮换tab选项卡 easy tab华军软件园整理（原创）

2010年07月5日，星期一
热度:

<script language=”javascript”>
/*
EASY TABS 1.2 Produced and Copyright by Koller Juergen
www.kollermedia.at | www.austria-media.at
Need Help? http:/www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange
You can use this Script for private and commercial Projects, but just leave the two credit lines, thank you.
*/
//EASY TABS 1.2 – MENU SETTINGS
//Set the id names of your tablinks (without a number at the end)
var tablink_idname = new Array(“newupdatelink”,”gameupdatelink”,”codeupdatelink”,”softshowlink”,”downranklink”)
//Set the id names of your tabcontentareas (without a number at the end)
var tabcontent_idname = new Array(“newupdatecontent”,”gameupdatecontent”,”codeupdatecontent”,”softshowcontent”,”downrankcontent”)
//Set the number of your tabs in each menu
var tabcount = new Array(“2″,”3″,”3″,”4″,”3″)
//Set the Tabs wich should load at start (In this Example:Menu 1 -> Tab 2 visible on load, Menu 2 -> Tab 5 visible on load)
var loadtabs = new Array(“1″,”1″,”1″,”1″,”1″)
//Set the Number of the Menu which should autochange (if you dont’t want to have a change menu set it to 0)
var autochangemenu = 0;
//the speed in seconds when the tabs should change
var changespeed = 3;
//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes
var stoponhover = 0;
//END MENU SETTINGS
/*Swich EasyTabs Functions – no need to edit something here*/
function easytabs(menunr, active) {if (menunr == autochangemenu){currenttab=active;}if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()} else if ((menunr == autochangemenu)&&(stoponhover==0))  {counter=0;} menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className=’tab’+i;document.getElementById(tabcontent_idname[menunr]+i).style.display = ‘none’;}document.getElementById(tablink_idname[menunr]+active).className=’tab’+active+’ tabactive’;document.getElementById(tabcontent_idname[menunr]+active).style.display = ‘block’;}var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];function start_autochange(){counter=counter+1;timer=setTimeout(“start_autochange()”,1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}function stop_autochange(){clearTimeout(timer);counter=0;}
window.onload=function(){
var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]);  a++; b++;}while (b<=menucount);
if (autochangemenu!=0){start_autochange();}
}
</script>
<style type=”text/css”>
@charset “utf-8″;
/* CSS Document */
/* 游戏 手机 驱动 */
body, div, layer, td, textarea, button {
color: #555;
font-family: 宋体, tahoma;
font-size: 12px;
}
* {
margin: 0px;
padding: 0px;
}
.gameupdate { float: left; width: 258px; height: 151px; border: solid 1px #ecc884; background: #fff; }
.gameupdate ul { float: left; width: 258px; overflow: hidden; }
.gameupdate .menu li { float: left; }
.gameupdate .menu a { float: left; background: #fffcdb; border-right: solid 1px #ecc884; border-bottom: solid 1px #ecc884; width: 85px; height: 24px; text-align: center; display: block; line-height: 24px; color: #000; }
.gameupdate .menu a.tab3 { width: 86px; border-right: none; }
.gameupdate .menu a.tabactive { background: #fff; border-bottom: none; color: #000; font-weight: bold; text-decoration: none; }
.gameupdate .menu a.special { width: 86px; border-right: none; }
.gameupdate .gameupdate-list { float: left; width: 240px; }
.gameupdate .gameupdate-list div { float: left; width: 240px; padding-left: 9px; padding-top: 9px; }
.gameupdate .gameupdate-list ul { float: left; width: 240px; padding: 0; margin: 0; overflow: hidden; }
.gameupdate .gameupdate-list li { text-indent: 1em; background: url(../images/common/ico_4.gif) no-repeat 3px 6px; width: 240px; line-height: 18px; overflow: hidden; }
</style>
<div>
<div>
<ul>
<li><a href=”#” onmouseover=”easytabs(’3′, ’1′);” onfocus=”easytabs(’3′, ’1′);” onclick=”return false;” title=”" id=”codeupdatelink1″>源码</a></li>
<li><a href=”#” onmouseover=”easytabs(’3′, ’2′);” onfocus=”easytabs(’3′, ’2′);” onclick=”return false;” title=”" id=”codeupdatelink2″>linux</a></li>
<li><a href=”#” onmouseover=”easytabs(’3′, ’3′);” onfocus=”easytabs(’3′, ’3′);” onclick=”return false;” title=”" id=”codeupdatelink3″>MAC</a></li>
</ul>
</div>
<div>
<div id=”codeupdatecontent1″ style=”display: block; “><ul><li><a target=”_blank” href=”http://web.newhua.com/soft/3380.htm” title=” 易和阳光购物商城 1.5 “>易和阳光购物商城 1.5</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/3530.htm” title=” 网纪互联公文签收系统 政府版20100701 “>网纪互联公文签收系统 政府版20100701</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/3531.htm” title=” 网纪互联公文签收系统  司法版20100701 “>网纪互联公文签收系统  司法版20100..</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/2890.htm” title=” JTBC网站内容管理系统 2.0.0.9  ”>JTBC网站内容管理系统 2.0.0.9 </a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/3532.htm” title=” 网纪互联公事审批系统 20100701 “>网纪互联公事审批系统 20100701</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/5398.htm” title=” hao123网址导航风格（晓风网址导航系统） 4.2 “>hao123网址导航风格（晓风网址导航系..</a></li></ul></div>
<div id=”codeupdatecontent2″ style=”display: none; “><ul><li><a target=”_blank” href=”http://linux.newhua.com/soft/993.htm” title=” Adobe Reader 9.3.3 “>Adobe Reader 9.3.3</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/451.htm” title=” Berkeley DB 5.0.26 “>Berkeley DB 5.0.26</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/387.htm” title=” Git 1.7.1.1 “>Git 1.7.1.1</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/1654.htm” title=” mkvtoolnix 4.0.0 “>mkvtoolnix 4.0.0</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/1101.htm” title=” Evolution Exchange 2.31.4 “>Evolution Exchange 2.31.4</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/3590.htm” title=” VueScan 8.6.40 “>VueScan 8.6.40</a></li></ul></div>
<div id=”codeupdatecontent3″ style=”display: none; “><ul><li><a target=”_blank” href=”http://mac.newhua.com/soft/263.htm” title=” VueScan 8.6.40 “>VueScan 8.6.40</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/1138.htm” title=” Airfoil 3.5.2 “>Airfoil 3.5.2</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/841.htm” title=” RationalPlan Multi Project 3.17.1 “>RationalPlan Multi Project 3..</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/487.htm” title=” Preference Manager 2.0.9 “>Preference Manager 2.0.9</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/91.htm” title=” RationalPlan Single Project 3.17.1 “>RationalPlan Single Project ..</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/798.htm” title=” TCExam 11.0.005 “>TCExam 11.0.005</a></li></ul></div>
</div>
</div>

<script language=”javascript”>/*EASY TABS 1.2 Produced and Copyright by Koller Juergenwww.kollermedia.at | www.austria-media.atNeed Help? http:/www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochangeYou can use this Script for private and commercial Projects, but just leave the two credit lines, thank you.*/
//EASY TABS 1.2 – MENU SETTINGS//Set the id names of your tablinks (without a number at the end)var tablink_idname = new Array(“newupdatelink”,”gameupdatelink”,”codeupdatelink”,”softshowlink”,”downranklink”)//Set the id names of your tabcontentareas (without a number at the end)var tabcontent_idname = new Array(“newupdatecontent”,”gameupdatecontent”,”codeupdatecontent”,”softshowcontent”,”downrankcontent”) //Set the number of your tabs in each menuvar tabcount = new Array(“2″,”3″,”3″,”4″,”3″)//Set the Tabs wich should load at start (In this Example:Menu 1 -> Tab 2 visible on load, Menu 2 -> Tab 5 visible on load)var loadtabs = new Array(“1″,”1″,”1″,”1″,”1″)  //Set the Number of the Menu which should autochange (if you dont’t want to have a change menu set it to 0)var autochangemenu = 0;//the speed in seconds when the tabs should changevar changespeed = 3;//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yesvar stoponhover = 0;//END MENU SETTINGS

/*Swich EasyTabs Functions – no need to edit something here*/function easytabs(menunr, active) {if (menunr == autochangemenu){currenttab=active;}if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()} else if ((menunr == autochangemenu)&&(stoponhover==0))  {counter=0;} menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className=’tab’+i;document.getElementById(tabcontent_idname[menunr]+i).style.display = ‘none’;}document.getElementById(tablink_idname[menunr]+active).className=’tab’+active+’ tabactive’;document.getElementById(tabcontent_idname[menunr]+active).style.display = ‘block’;}var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];function start_autochange(){counter=counter+1;timer=setTimeout(“start_autochange()”,1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}function stop_autochange(){clearTimeout(timer);counter=0;}
window.onload=function(){var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]);  a++; b++;}while (b<=menucount);if (autochangemenu!=0){start_autochange();}}</script><style type=”text/css”>@charset “utf-8″;
/* CSS Document *//* 游戏 手机 驱动 */body, div, layer, td, textarea, button {color: #555;font-family: 宋体, tahoma;font-size: 12px;}* {margin: 0px;padding: 0px;}.gameupdate { float: left; width: 258px; height: 151px; border: solid 1px #ecc884; background: #fff; }
.gameupdate ul { float: left; width: 258px; overflow: hidden; }
.gameupdate .menu li { float: left; }
.gameupdate .menu a { float: left; background: #fffcdb; border-right: solid 1px #ecc884; border-bottom: solid 1px #ecc884; width: 85px; height: 24px; text-align: center; display: block; line-height: 24px; color: #000; }
.gameupdate .menu a.tab3 { width: 86px; border-right: none; }
.gameupdate .menu a.tabactive { background: #fff; border-bottom: none; color: #000; font-weight: bold; text-decoration: none; }
.gameupdate .menu a.special { width: 86px; border-right: none; }
.gameupdate .gameupdate-list { float: left; width: 240px; }
.gameupdate .gameupdate-list div { float: left; width: 240px; padding-left: 9px; padding-top: 9px; }
.gameupdate .gameupdate-list ul { float: left; width: 240px; padding: 0; margin: 0; overflow: hidden; }
.gameupdate .gameupdate-list li { text-indent: 1em; background: url(../images/common/ico_4.gif) no-repeat 3px 6px; width: 240px; line-height: 18px; overflow: hidden; }

</style>
<div>             <div>                 <ul>                     <li><a href=”#” onmouseover=”easytabs(’3′, ’1′);” onfocus=”easytabs(’3′, ’1′);” onclick=”return false;” title=”" id=”codeupdatelink1″>源码</a></li>                        <li><a href=”#” onmouseover=”easytabs(’3′, ’2′);” onfocus=”easytabs(’3′, ’2′);” onclick=”return false;” title=”" id=”codeupdatelink2″>linux</a></li>                        <li><a href=”#” onmouseover=”easytabs(’3′, ’3′);” onfocus=”easytabs(’3′, ’3′);” onclick=”return false;” title=”" id=”codeupdatelink3″>MAC</a></li>                    </ul>                </div>                <div> <div id=”codeupdatecontent1″ style=”display: block; “><ul><li><a target=”_blank” href=”http://web.newhua.com/soft/3380.htm” title=” 易和阳光购物商城 1.5 “>易和阳光购物商城 1.5</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/3530.htm” title=” 网纪互联公文签收系统 政府版20100701 “>网纪互联公文签收系统 政府版20100701</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/3531.htm” title=” 网纪互联公文签收系统  司法版20100701 “>网纪互联公文签收系统  司法版20100..</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/2890.htm” title=” JTBC网站内容管理系统 2.0.0.9  ”>JTBC网站内容管理系统 2.0.0.9 </a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/3532.htm” title=” 网纪互联公事审批系统 20100701 “>网纪互联公事审批系统 20100701</a></li><li><a target=”_blank” href=”http://web.newhua.com/soft/5398.htm” title=” hao123网址导航风格（晓风网址导航系统） 4.2 “>hao123网址导航风格（晓风网址导航系..</a></li></ul></div> <div id=”codeupdatecontent2″ style=”display: none; “><ul><li><a target=”_blank” href=”http://linux.newhua.com/soft/993.htm” title=” Adobe Reader 9.3.3 “>Adobe Reader 9.3.3</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/451.htm” title=” Berkeley DB 5.0.26 “>Berkeley DB 5.0.26</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/387.htm” title=” Git 1.7.1.1 “>Git 1.7.1.1</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/1654.htm” title=” mkvtoolnix 4.0.0 “>mkvtoolnix 4.0.0</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/1101.htm” title=” Evolution Exchange 2.31.4 “>Evolution Exchange 2.31.4</a></li><li><a target=”_blank” href=”http://linux.newhua.com/soft/3590.htm” title=” VueScan 8.6.40 “>VueScan 8.6.40</a></li></ul></div> <div id=”codeupdatecontent3″ style=”display: none; “><ul><li><a target=”_blank” href=”http://mac.newhua.com/soft/263.htm” title=” VueScan 8.6.40 “>VueScan 8.6.40</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/1138.htm” title=” Airfoil 3.5.2 “>Airfoil 3.5.2</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/841.htm” title=” RationalPlan Multi Project 3.17.1 “>RationalPlan Multi Project 3..</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/487.htm” title=” Preference Manager 2.0.9 “>Preference Manager 2.0.9</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/91.htm” title=” RationalPlan Single Project 3.17.1 “>RationalPlan Single Project ..</a></li><li><a target=”_blank” href=”http://mac.newhua.com/soft/798.htm” title=” TCExam 11.0.005 “>TCExam 11.0.005</a></li></ul></div>                </div></div>

发布在 html js | 评论关闭 浏览76 次