CSS用法+JS树形

function showPic(id){
var str=document.getElementById(id).style.display;
if(str=="none"){
document.getElementById(id).style.display="block";
}else{
document.getElementById(id).style.display="none";
}
}
function show1(){
document.getElementById("right1").style.display="block";
document.getElementById("right2").style.display="none";
document.getElementById("right3").style.display="none";
document.my2.txtName.focus();
}
function show2(id){
document.getElementById("right1").style.display="none";
document.getElementById("right2").style.display="block";
document.getElementById("right3").style.display="none";
document.getElementById(id).focus();
}
function show3(id){
document.getElementById("right1").style.display="none";
document.getElementById("right2").style.display="none";
document.getElementById("right3").style.display="block";
document.getElementById(id).focus();
}
-----------------------
<table width="100%" border="0">
  <tr>
<td><a href="#" onClick="showPic('i1')"><img src="image/intro-left1.gif"></a>
<div id="i1" style="display:block;">&nbsp;<img src="image/orangearrow.gif">&nbsp;&nbsp;<a href="#">我的简历</a></div>
</td>
  </tr>
  <tr>
<td><a href="#" onClick="showPic('i2')"><img src="image/intro-left2.gif"></a>
<div id="i2" style="display:block;">
<table width="100%" border="0">
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show1()">基本个人信息</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show2('textareaJob')">工作经验</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show2('enduction')">教育经历</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show2('textarea3')">培训经历</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea5')">语言能力</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#"onClick="show2('where')">求职意向/自我评价</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea5')">附加信息</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea5')">证书</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea5')">附件</a></td>
  </tr>
</table>
</div>
</td>
  </tr>
  <tr>
<td><a href="#" onClick="showPic('i3')"><img src="image/intro-left3.gif"></a>
<div id="i3" style="display:block;">
<table width="100%" border="0">
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea5')">高级人才附加信息</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea6')">IT技能</a></td>
  </tr>
  <tr>
<td><img src="image/intro-1.gif">&nbsp;&nbsp;<a href="#" onClick="show3('textarea7')">项目经验</a></td>
  </tr>
</table>
</div>
</td>
  </tr>
</table>
---------------------------------------------------------
Calendar:System.out.println("******************欢 迎 使 用 万 年 历******************");
Scanner input = new Scanner(System.in);
System.out.print("\n请选择年份： ");
int year = input.nextInt();
System.out.print("\n请选择月份： ");
int month = input.nextInt();
System.out.println(); int days = 0; // 存储当月的天数
boolean isRn;
/* 判断是否是闰年 */
if (year % 4 == 0 && !(year % 100 == 0) || year % 400 == 0) { // 判断是否为闰年
isRn = true; // 闰年
} else {
isRn = false;// 平年
}
if(isRn){ System.out.println(year + "\t闰年"); }else{
System.out.println(year + "\t平年"); } /* 计算该月的天数 */
switch (month) {
  case 1:
  case 3:
  case 5:
  case 7:
  case 8:
  case 10:
  case 12:
days = 31;
break;
  case 2:
if (isRn) {
days = 29;
} else {
days = 28;
}
break;
  default:
days = 30;
break;
}
System.out.println(month + "\t共" + days + "天"); /* 计算输入的年份之前的天数 */
int totalDays = 0;
for (int i = 1900; i < year; i++) {
/* 判断闰年或平年，并进行天数累加 */
if (i % 4 == 0 && !(i % 100 == 0) || i % 400 == 0) { // 判断是否为闰年
totalDays = totalDays + 366; // 闰年366天
} else {
totalDays = totalDays + 365; // 平年365天
}
}
// System.out.println("输入年份距离1900年1月1日的天数：" + totalDays); /* 计算输入月份之前的天数 */
int beforeDays = 0;
for (int i = 1; i <= month; i++) {
switch (i) {
  case 1:
  case 3:
  case 5:
  case 7:
  case 8:
  case 10:
  case 12:
days = 31;
break;
  case 2:
if (isRn) {
days = 29;
} else {
days = 28;
}
break;
  default:
days = 30;
break;
}
if (i < month) {
beforeDays = beforeDays + days;
}
}
totalDays = totalDays + beforeDays; // 距离1900年1月1日的天数
System.out.println("当前月份的天数：" + days); /* 计算星期几 */
int firstDayOfMonth; // 存储当月第一天是星期几：星期日为0，星期一~星期六为1~6
int temp = 1 + totalDays % 7; // 从1900年1月1日推算
if (temp == 7) { // 求当月第一天
firstDayOfMonth = 0; // 周日
} else {
firstDayOfMonth = temp;
}
System.out.println("该月第一天是: " + firstDayOfMonth); /* 输出日历 */
System.out.println("星期日\t星期一\t星期二\t星期三\t星期四\t星期五\t星期六");
for (int nullNo = 0; nullNo < firstDayOfMonth; nullNo++) {
System.out.print("\t"); // 输出空格
}
for (int i = 1; i <= days; i++) {
System.out.print(i + "\t");
if ((totalDays + i - 1) % 7 == 5) { // 如果当天为周六，输出换行
System.out.println();
}
}