first page(html)

燕砚文
2023-12-01

<!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">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</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">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</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">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</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">&nbsp;</td>
     <td style=" border-bottom-style:none">&nbsp;</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">&nbsp;</td>
     <td  style=" border-bottom-style:none">&nbsp;</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">&nbsp;</td>
     <td  style=" border-bottom-style:none">&nbsp;</td>
     <td  style=" border-bottom-style:none">&nbsp;</td>
     <td  style=" border-bottom-style:none">&nbsp;</td>
     <td  style=" border-bottom-style:none">&nbsp;</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">&nbsp;&nbsp;&nbsp;&nbsp;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>

 类似资料: