栏目信息切换代码
今天花了点时间研究网站栏目信息切换代码
现在和大家分享一下 [实例请见本站右上角]
这个是比较实用的,文章列表、广告、图片….
几乎任意类型的网站都用得上,可以很合理的利用空间
['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’;
栏目信息切换源代码下载
源代码下载
没有评论▼