first page(html)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>cc</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<style>
.tr{ border-bottom:1px #CCCCCC dashed}
</style>
<script src="js/openwin.js"></script>
<script language=javascript>
<!--
function showhide(num) {
for (i=1; i<=5; i++) {
menu=eval("document.all.block"+i+".style");
title=eval("document.all.sp"+i+".style");
if (num==i ) {
menu.display="block";
title.display="block";
}else {
menu.display="none";
title.display="none";
}
}
}
function showhide2(num) {
for (i=6; i<=9; i++) {
menu=eval("document.all.block"+i+".style");
title=eval("document.all.sp"+i+".style");
if (num==i ) {
menu.display="block";
title.display="block";
}else {
menu.display="none";
title.display="none";
}
}
}
// -->
</script>
</head>
<body>
<div id="content" class="content">
<div id="left" class="board_1">
<div class="board_3" style="margin-top:10px">
<span class="tittle_1" style="width:300px" onMouseOver="javascript:showhide('1');"><img id="sp1" src="img/t1b.png" alt="獲獎提案" /></span>
<table id="block1" style="display:block" width="300px" cellpadding="0" cellspacing="0">
<tr>
<td>NO.</td>
<td>日期</td>
<td>提案名稱</td>
</tr>
<tr style=" border-bottom-style:none">
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td height="30" style="text-align:right;border-bottom-style:none"><a href="#" target="_parent">更多...</a></td>
</tr>
</table>
</div>
<div class="board_3">
<span class="tittle_2" style="width:300px" onMouseOver="javascript:showhide('2');"><img id="sp2" style="display:none" src="img/t2b.png" alt="優良提案" /></span>
<table id="block2" style="display:none" width="300px" cellpadding="0" cellspacing="0" height="200px">
<tr>
<td>NO.</td>
<td>日期</td>
<td>提案名稱</td>
</tr>
<tr style=" border-bottom-style:none">
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td height="30" style="text-align:right;border-bottom-style:none"><a href="#" target="_parent">更多...</a></td>
</tr>
</table>
</div>
<div class="board_3">
<span class="tittle_3" style="width:300px" onMouseOver="javascript:showhide('3');"><img id="sp3" style="display:none" src="img/t3b.png" alt="提案改善光榮榜" /></span>
<table id="block3" style="display:none" width="300px" cellpadding="0" cellspacing="0" height="200">
<tr>
<td >排名</td>
<td >件數</td>
<td >工號</td>
<td >姓名</td>
<td>部門</td>
<td>產品處</td>
</tr>
<tr style=" border-bottom-style:none">
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td height="30" style="text-align:right;border-bottom-style:none"><a href="#" target="_parent">更多...</a></td>
</tr>
</table>
</div>
<div class="board_3">
<span class="tittle_4" style="width:300px" onMouseOver="javascript:showhide('4');"><img id="sp4" style="display:none" src="img/t4b.png" alt="表單下載" /></span>
<table id="block4" style="display:none" width="300px" cellpadding="0" cellspacing="0">
<tr>
<td width="30" >NO.</td>
<td>表單名稱</td>
<td>下載</td>
</tr>
<tr style=" border-bottom-style:none">
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td height="30" style="text-align:right;border-bottom-style:none"><a href="#" target="_parent">更多...</a></td>
</tr>
</table>
</div>
<div class="board_3">
<span class="tittle_5" style="width:300px" onMouseOver="javascript:showhide('5');"><img id="sp5" style="display:none" src="img/t5b.png" alt="總裁語錄" /></span>
<table id="block5" style="display:none" width="300px" cellpadding="0" cellspacing="0">
<tr>
<td width="300" ></td>
</tr>
<tr>
<td style="width:250px; height:180px; text-align:center"><MARQUEE οnmοuseοver=this.stop() οnmοuseοut=this.start() scrollAmount=2 scrolldelay="110" dwidth=166 direction="up" height=180>
</MARQUEE></td>
</tr>
<tr style=" border-bottom-style:none">
<td height="30" style="text-align:right;border-bottom-style:none"><a href="#" target="_parent">更多...</a></td>
</tr>
</table>
</div>
</div>
<div id="right" class="board_2">
<span class="tittle_6" style="width:120px" onMouseOver="javascript:showhide2('6');"><img id="sp6" src="img/t6b.png" alt="公告信息" /></span>
<span class="tittle_7" style="width:120px" onMouseOver="javascript:showhide2('7');"><img style="display:none" id="sp7" src="img/t7b.png" alt="開課通知" /></span>
<span class="tittle_8" style="width:120px" onMouseOver="javascript:showhide2('8');"><img style="display:none" id="sp8" src="img/t8b.png" alt="成果展示" /></span>
<span class="tittle_9" style="width:120px" onMouseOver="javascript:showhide2('9');"><img style="display:none" id="sp9" src="img/t9b.png" alt="知識畫報" /></span>
<span class="tittle_10" style="width:206px"><img src="img/arrow.gif" />
<script language="JavaScript" type="text/javascript">
var today=new Date();
function date(){
this.length=date.arguments.length;
for(var i=0;i<this.length;i++){
this[i+1]=date.arguments;}}
var d=new Array(" 星期日"," 星期一"," 星期二"," 星期三"," 星期四"," 星期五"," 星期六");
document.write("<font color=#000000 style='font-size:9pt;font-family:宋體'>","",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()],"</font>");
</script>
</span>
<table id="block6" style="display:block" width="690px" cellpadding="0" cellspacing="0">
<tr style="background-color:#FFFFFF">
<td width="60" >NO.</td>
<td >公告內容</td>
<td >公告時間</td>
</tr>
<tr style="background-color:#FFFFFF">
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td height="30" style=" border-bottom-style:none"><a href="#" target="_blank">查看全部</a></td>
</tr>
</table>
<table id="block7" style="display:none" width="690px" cellpadding="0" cellspacing="0">
<tr>
<td >NO.</td>
<td >課程名稱</td>
<td >講師</td>
<td >上課時間</td>
<td >地點</td>
<td>參訓對象</td>
</tr>
<tr>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td style=" border-bottom-style:none"> </td>
<td height="30" style=" border-bottom-style:none"><a href="#" target="_blank">查看全部</a></td>
</tr>
</table>
<div id="block8" class="pic" style="display:none">
<div id="photo" class="photo" onMouseOver="javascript:clearInterval(rollText_tt);" onMouseOut="javascript:rerollphoto();">
<!--img id="photo1" class="photo" style="display:block" src="photo/01.jpg" />
<img id="photo2" class="photo" style="display:none" src="photo/02.jpg" />
<img id="photo3" class="photo" style="display:none" src="photo/03.jpg" />
<img id="photo4" class="photo" style="display:none" src="photo/04.jpg" /-->
</div>
<div id="note" class="note">
<span style="width:212px; height:230px; float:left"> IE手法推廣應用教育訓練，提案改善成果發表大會，優秀提案POS展等相關成果展示。</span>
<div class="btn">
<span style="width:50px; height:30px; line-height:30px; float:left; margin-right:30px" id="page">1/4</span>
<a href="javascript:rollphoto(-1);"><img src="img/last.png" border="0px" width="30px" height="30px" alt="上一張" /></a>
<a href="javascript:rollphoto(1);"><img src="img/next.png" border="0px" width="30px" height="30px" alt="下一張" /></a>
</div>
</div>
</div>
<div id="block9" class="pic" style="display:none">
<div id="picture" class="picture" onMouseOver="javascript:clearInterval(rollText_tt2);" onMouseOut="javascript:rerollpic();">
<!--img id="pic1" class="picture" style="display:block" src="pic/01.jpg" />
<img id="pic2" class="picture" style="display:none" src="pic/02.jpg" />
<img id="pic3" class="picture" style="display:none" src="pic/03.jpg" />
<img id="pic4" class="picture" style="display:none" src="pic/04.jpg" />
<img id="pic5" class="picture" style="display:none" src="pic/05.jpg" />
<img id="pic6" class="picture" style="display:none" src="pic/06.jpg" />
<img id="pic7" class="picture" style="display:none" src="pic/07.jpg" />
<img id="pic8" class="picture" style="display:none" src="pic/08.jpg" /-->
</div>
<div class="btn2">
<a href="javascript:rollpic(-1);"><img src="img/up.png" border="0px" width="30px" height="30px" alt="上一張" /></a>
<a href="javascript:rollpic(1);"><img src="img/down.png" border="0px" width="30px" height="30px" alt="下一張" /></a>
</div>
<span style="width:30px; height:30px; line-height:30px; margin-left:5px; float:left; color:#0099FF" id="page2">1/8</span>
</div>
</div>
<div class="box"><img src="img/t10l.png" /></div>
<div id=demo class="link">
<table cellspacing="0px" cellpadding="0px" border="0px" >
<tr>
<td id="marquePic1" valign="top">
<table cellpadding="0px" cellspacing="0px" border="0px" >
<tr height="80px">
<td><a title="IE學院網站" href="http://ie.foxconn.com/" target="_blank"><img class="link_p" src="link/link1.jpg"/></a></td>
<td><a title="集團IE技委會" href="http://ietdc.efoxconn.com/" target="_blank"><img class="link_p" src="link/link2.jpg"/></a></td>
<td><a title="仿真中心" href="http://ie.foxconn.com/fangzheng/indext.htm" target="_blank"><img class="link_p" src="link/link3.jpg"/></a></td>
<td><a title="PCEBG IE技委會" href="http://pcebg-ie.efoxconn.com/" target="_blank"><img class="link_p" src="link/link4.jpg"/></a></td>
<td><a title="富士康數字圖書館" href="http://library.efoxconn.com/" target="_blank"><img class="link_p" src="link/link5.jpg"/></a></td>
<td><a title="富士康文化網" href="http://culture.efoxconn.com/" target="_blank"><img class="link_p" src="link/link6.jpg"/></a></td>
<td><a title="多媒體中心" href="http://kmmc.efoxconn.com/" target="_blank"><img class="link_p" src="link/link7.jpg"/></a></td>
<td><a title="CNE績效考核系統" href="http://10.161.76.167/jixiao/" target="_blank"><img class="link_p" src="link/link8.jpg"/></a></td>
<td><a title="CCPBG生產效率e化系統" href="http://10.161.76.167/efficiency/" target="_blank"><img class="link_p" src="link/link9.jpg"/></a></td>
<td><a title="CNE早會系統" href="http://10.160.8.44/meeting/" target="_blank"><img class="link_p" src="link/link10.jpg"/></a></td>
<td><a title="富鴻網電話查詢系統" href="http://tel.efoxconn.com/" target="_blank"><img class="link_p" src="link/link11.jpg"/></a></td>
<td><a title="全球客服114網站" href="http://114.foxconn.com/" target="_blank"><img class="link_p" src="link/link12.jpg"/></a></td>
</tr>
</table>
</td>
<td id="marquePic2"></td>
</tr>
</table>
</div>
<script type=text/javascript>
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>
<div class="box"><img src="img/t10r.png" /></div>
</div>
</body>
</html>