意大利面之家

栏目信息切换代码

今天花了点时间研究网站栏目信息切换代码
现在和大家分享一下 [实例请见本站右上角]
这个是比较实用的，文章列表、广告、图片….
几乎任意类型的网站都用得上，可以很合理的利用空间

['divTab_1'].style.visibility = ‘hidden’;
document.all['divTab_1'].style.display = ‘none’;
document.all['divMain_1'].style.visibility = ‘hidden’;
document.all['divMain_1'].style.display = ‘none’;

document.all['divTab_2'].style.visibility = ‘hidden’;
document.all['divTab_2'].style.display = ‘none’;
document.all['divMain_2'].style.visibility = ‘hidden’;
document.all['divMain_2'].style.display = ‘none’;

document.all['divTab_3'].style.visibility = ‘hidden’;
document.all['divTab_3'].style.display = ‘none’;
document.all['divMain_3'].style.visibility = ‘hidden’;
document.all['divMain_3'].style.display = ‘none’;

document.all['divTab_4'].style.visibility = ‘hidden’;
document.all['divTab_4'].style.display = ‘none’;
document.all['divMain_4'].style.visibility = ‘hidden’;
document.all['divMain_4'].style.display = ‘none’;
}

function ShowTab_1(){
HiddTab()

document.all['divTab_1'].style.visibility = ‘visible’;
document.all['divTab_1'].style.display = ”;
document.all['divMain_1'].style.visibility = ‘visible’;
document.all['divMain_1'].style.display = ”;
}

function ShowTab_2(){
HiddTab()

document.all['divTab_2'].style.visibility = ‘visible’;
document.all['divTab_2'].style.display = ”;
document.all['divMain_2'].style.visibility = ‘visible’;
document.all['divMain_2'].style.display = ”;
}

function ShowTab_3(){
HiddTab()

document.all['divTab_3'].style.visibility = ‘visible’;
document.all['divTab_3'].style.display = ”;
document.all['divMain_3'].style.visibility = ‘visible’;
document.all['divMain_3'].style.display = ”;
}

function ShowTab_4(){
HiddTab()

document.all['divTab_4'].style.visibility = ‘visible’;
document.all['divTab_4'].style.display = ”;
document.all['divMain_4'].style.visibility = ‘visible’;
document.all['divMain_4'].style.display = ”;
}

var more_urls = new Array(4) ;
more_urls[0] = “/siteS/index.jsp?MASTER_CODE=008&GROUP_CODE=00803″ ;
more_urls[1] = “/siteS/index.jsp?brd_seq=4&MASTER_CODE=008&GROUP_CODE=00803″ ;
more_urls[2] = “/siteS/index.jsp?brd_seq=30&MASTER_CODE=008&GROUP_CODE=00803″ ;
more_urls[3] = “/siteS/index.jsp?brd_seq=67&MASTER_CODE=008&GROUP_CODE=00803″ ;

var more_url = more_urls[0] ;

function ShowTabs(m) {
var menu_tab ;
for( var i = 1 ; i < 4 ; i++ ) {
// if( i == 3 ) continue ;

menu_tab = eval("menu_tab_" + i) ;
if( m == i ) {
menu_tab.src = "/siteS/img/news_bt0"+i+"a.gif" ;
document.all["divMain_" + i].style.visibility = 'visible' ;
document.all["divMain_" + i].style.display = 'block' ;
}
else {
menu_tab.src = "/siteS/img/news_bt0"+i+".gif" ;
document.all["divMain_" + i].style.visibility = '' ;
document.all["divMain_" + i].style.display = 'none' ;
}
}

more_url = more_urls[m-1] ;
}

function goMore() {
window.top.location.href = more_url ;
}

< $RandomLog$>

src=”index/main_n/notice_tab_01.gif” width=”66″/> src=”index/main_n/notice_tab_03.gif” width=”66″/> src=”index/main_n/notice_tab_04.gif” width=”66″/>

日志附录

src=”index/main_n/notice_tab_01.gif” width=”66″/> src=”index/main_n/notice_tab_02.gif” width=”66″/> src=”index/main_n/notice_tab_04.gif” width=”66″/>

src=”index/main_n/notice_tab_01.gif” width=”66″/> src=”index/main_n/notice_tab_02.gif” width=”66″/> src=”index/main_n/notice_tab_03.gif” width=”66″/>

var tixa_bad_mm_pos=1; var tixa_bad_mm_style=’style_1-2′; var tixa_bad_mm_info=0; var tixa_dmad_flag=true; var tixa_wadRowCount=4; var tixa_wadColumnCount=1; var tixa_wadHeight=280; var tixa_wadWidth=175; var tixa_wadBorderColor=’FFFFFF’; var tixa_wadBgColor=’ ‘; var tixa_wadTitleColor=’CCCCCC’; var tixa_wadDescColor=’CCCCCC’; var tixa_adType=’text’;

栏目信息切换源代码下载
源代码下载