News&Topics / Artopix
Main Object
function objMain(){
tdx='<td class=tb1 colspan=2></td></tr><tr><td class=tb2 colspan=2></td>';
var msg=new Array('Contents','News&Topics','Entertainment','Graphics',
'Document','Products','Download','Support');
var ahf=new Array('WebDesign&Programming','Archives /Japanese','Animation skill/GIF',
'Graphic skill/Art','Programming&Design skill/WEB','Live&CD skill/Music','Server
skill/ CGI','Go to Artopix Homepage');
//*-- Header ---------------------*//
document.write('<div id="dow"><h3 class="pos">Artopix</h3>');
document.write('<table cellpadding=0 cellspacing=0 class=td5>');
for(i=1; i<=8; i++){
document.write('<tr><td class=td'+i+'></td></tr>');
}
document.write('<tr><td class=td9>'+ahf[0]+'</td></tr>');
for(j=8; j>=3; j--){
document.write('<tr><td class=td'+j+'></td></tr>');
}
document.write('</table>');
//*-- Navigation -----------------*//
document.write('<table cellpadding=0 cellspacing=0 border=0 class="tbl1">');
document.write('<tr><td><table cellpadding=0 cellspacing=0 border=0 class="tbl2">');
document.write('<tr><td class=th1 colspan=2></td></tr>');
document.write('<tr><td id=th2></td><td id=th3 onClick="gohp();"> '+msg[0]+'</td></tr>');
for(k=1;k<8;k++){
x=ahf[k];y=msg[k];
document.write('<tr>'+ tdx +'<tr><td id="ck'+ k +'" onClick="onDiv(0)"></td><td class="tb4"
onmouseover="btnOn('+ k +');chg(this);" onmouseout="btnOn(0);rtn(this);" onClick="onDiv('+ k +');">
<a href="#" title="'+ x +'">'+ y +'</a></td></tr>');
}
//*-- Copyrights&Mail ------------*//
document.write('<tr><td class="tb1" colspan="2"></td></tr>');
document.write('<tr><td class="tb2" colspan="2"></td></tr>');
document.write('</table></td><td class="tbg">');
document.write('<img name="atx" src="../jpg/axio.jpg" width="200" height="150"
border="0" alt="">');
document.write('</td></tr></table>');
//*-- Footer ---------------------*//
document.write('<address><img src="./cross.gif" width=16 height=16 alt="Top"
align=top> Copyright(c)Artopix ');
document.write('<a href="#" class=an>');
document.write('Mailto : Artopix</a></address>');
}
//* StyleSheet / Main Object Class *//
#dow{width:340;border:solid 1px #006;background:#600;}
.pos{z-index:1;position:absolute;top:30px;left:20px;}
td {color:#eee;
font-family:Arial,sans-serif;
font-size:10pt;
border:solid 1px #004;
background:#600;
}
.tbl1{background:#f00;}
.tbl2{background:#900;}
.td1{width:337;height:3;background:#c00;border-width:0px;}
.td2{width:337;height:3;background:#b00;border-width:0px;}
.td3{width:337;height:3;background:#a00;border-width:0px;}
.td4{width:337;height:3;background:#900;border-width:0px;}
.td5{width:337;height:3;background:#800;border-width:0px;}
.td6{width:337;height:3;background:#700;border-width:0px;}
.td7{width:337;height:3;background:#600;border-width:0px;}
.td8{width:337;height:3;background:#500;border-width:0px;}
.td9{width:337;height:3;background:#400;text-indent:128px;color:#900;border-width:0px;}
.tbg{width:210;background:#600;text-align:center;}
.th1{width:120;height:1;background:#f00;border-width:0px;}
#th2{width:8;height:16;background:#C00;}
#th3{width:112;height:16;
color:#fff;
font-family:Arial,sans-serif;
font-weight:bold;font-size:9pt;
background:#A00;cursor:hand;
}
.tb1{width:120;height:1;background:#003;border-width:0px;}
.tb2{width:120;height:1;background:#8689C9;border-width:0px;}
.tb3{width:8;height:16;background:#8689C9;border-width:0px;}
.tb4{width:112;height:16;background:#00007B;line-height:120%;}
chk{width:8;height:16;background:#8689C9;cursor:hand;border-width:0px;}