研二实习工作工作开始了。给我分配的第一个任务是给中能电力做一个静态的网站。在这过程中我学到了一些知识。下面的代码是我制作的导航条,使用javascript和html制作。有成就感！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>ABB</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<base target="contents">
</HEAD>
<BODY>
<font color="white" size="-1">
<DIV style="LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 5px; HEIGHT: 20px;WIDTH:770px;">
<SPAN style="WIDTH: 770px;background:'#164781'"></SPAN>
</DIV>
<DIV style="LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 20px; HEIGHT: 20px;WIDTH:770px;">
<SPAN style="WIDTH: 770px;background:'#EFEFEF'"></SPAN>
</DIV>
<DIV id=shouye_div align="center" style="Z-INDEX: 1; LEFT: 20px; VISIBILITY: visible; POSITION: absolute; TOP: 5px; HEIGHT: 20px;WIDTH:80px;">
<SPAN id=shouye_menubar onmouseover="shouye_menubar.style.background='green';" style="WIDTH: 80px; CURSOR: hand;background:'#164781'" onclick="gongsijieshao_menu_div.style.visibility='hidden';chanpin_menu_div.style.visibility='hidden';window.open('./shouye/shouye.htm','main','')" onmouseout="shouye_menubar.style.background='#164781';">首页</SPAN>
</DIV>
<DIV id=gongsijieshao_div align="center" style="Z-INDEX: 1; LEFT: 100px; VISIBILITY: visible; WIDTH: 80px; CURSOR: hand; POSITION: absolute; TOP: 5px; HEIGHT: 20px;">
<SPAN align="center" style="WIDTH:70;background:'#164781'" onmousedown="gongsijieshao_menu_div.style.visibility='visible';chanpin_menu_div.style.visibility='hidden';" id=gongsijieshao_menubar onmouseover="gongsijieshao_menubar.style.background='green'" onmouseout="gongsijieshao_menubar.style.background='#164781';">公司介绍</SPAN>
</DIV>
<DIV id="gongsijieshao_menu_div" style="LEFT: 40px; VISIBILITY: hidden; POSITION: absolute; TOP: 20px;" align="center">
<SPAN onclick=";window.open('./gongsijieshao/gongsijianjie.htm','main','')" id="span_jianjie" onmouseover="span_jianjie.style.background='green';span_jianjie.style.color='white'" style="CURSOR: hand;background:'#EFEFEF';left:40;WIDTH:70;top:30; color:black" onmouseout="span_jianjie.style.background='#EFEFEF';span_jianjie.style.color='black'">公司简介</SPAN>
<SPAN onclick=";window.open('./gongsijieshao/zongjinglizhici.htm','main','')" id="span_zongjinglizhici" style="CURSOR: hand;background:#EFEFEF; left:120px; width:80px; top:30px;color:black" onmouseover="span_zongjinglizhici.style.background='green';span_zongjinglizhici.style.color='white';" onmouseout="span_zongjinglizhici.style.background='#EFEFEF';span_zongjinglizhici.style.color='black'" align="center">总经理致词</SPAN>
<SPAN onclick=";window.open('./gongsijieshao/zuzhijigou.htm','main','')" id="zuzhijigou" onmouseover="zuzhijigou.style.background='green';zuzhijigou.style.color='white'" style="CURSOR: hand;background:#EFEFEF; left:120px; width:80px; top:30px;color:black" onmouseout="zuzhijigou.style.background='#EFEFEF';zuzhijigou.style.color='black'" align="center">组织机构</SPAN>
</DIV>
<DIV id=yaowen_div align="center" style="Z-INDEX: 1; LEFT: 180px; VISIBILITY: visible; POSITION: absolute; TOP: 5px; HEIGHT: 20px;WIDTH:70;">
<SPAN id=yaowen_menubar onmouseover="yaowen_menubar.style.background='green';" style="WIDTH: 80px; CURSOR: hand;background:#164781;" onclick="gongsijieshao_menu_div.style.visibility='hidden';chanpin_menu_div.style.visibility='hidden';window.open('./zhongnengyaowen/zhongnengyaowen.htm','main','')" onmouseout="yaowen_menubar.style.background='#164781';">中能要闻</SPAN>
</DIV>
<DIV id=chanpin_div style="z-index: 1;top:5px;left: 260; visibility: visible; width: 80; cursor: hand; position: absolute; height: 20" align="center">
<SPAN style="WIDTH:70; background:#164781" onclick=";window.open('./chanpinjieshao/chanpinjieshao.htm','main','')" onmousedown="chanpin_menu_div.style.visibility='visible';gongsijieshao_menu_div.style.visibility='hidden';" id=chanpin_menubar onmouseover="chanpin_menubar.style.background='green'" onmouseout="chanpin_menubar.style.background='#164781';">产品介绍</SPAN>
</DIV>
<DIV id=chanpin_menu_div style="LEFT: 80px; VISIBILITY: hidden; POSITION: absolute; TOP: 20px; HEIGHT: 10px">
<SPAN id=jiance_div onmouseover="jiance_div.style.background='green';jiance_div.style.color='white';" style="CURSOR: hand; background:#EFEFEF;color:'black';" onmouseout="jiance_div.style.background='#EFEFEF';jiance_div.style.color='black'" onclick=";window.open('./chanpinjieshao/jiance/jiance.htm','main','');">监测类产品</SPAN>
<SPAN id=dianqi_div onmouseover="dianqi_div.style.background='green';dianqi_div.style.color='white';" style="CURSOR: hand;background:#EFEFEF;color:'black';" onmouseout="dianqi_div.style.background='#EFEFEF';dianqi_div.style.color='black'" onclick=";window.open('./chanpinjieshao/dianqi/dianqi.htm','main','');">电气公司产品</SPAN>
<SPAN id=zhizhu_div onmouseover="zhizhu_div.style.background='green';zhizhu_div.style.color='white';" style="CURSOR: hand;background:#EFEFEF;color:'black';" onmouseout="zhizhu_div.style.background='#EFEFEF';zhizhu_div.style.color='black'" onclick=";window.open('./chanpinjieshao/zizhu/zizhu.htm','main','');">自主开发产品</SPAN>
<SPAN id=qita_div onmouseover="qita_div.style.background='green';qita_div.style.color='white';" style="CURSOR: hand;background:#EFEFEF;color:'black';" onmouseout="qita_div.style.background='#EFEFEF';qita_div.style.color='black'" onclick=";window.open('./chanpinjieshao/qita/qita.htm','main','');">其它产品</SPAN>
</DIV>
<DIV id=guojihezuo_div align="center" style="Z-INDEX: 1; LEFT: 340px; VISIBILITY: visible; POSITION: absolute; TOP: 5px; HEIGHT: 20px;WIDTH:70;">
<SPAN id=guojihezuo_menubar onmouseover="guojihezuo_menubar.style.background='green';" style="WIDTH: 80px; CURSOR: hand; background:#164781" onclick="gongsijieshao_menu_div.style.visibility='hidden';chanpin_menu_div.style.visibility='hidden';window.open('./guojihezuo/guojihezuo.htm','main','')" onmouseout="guojihezuo_menubar.style.background='#164781';">国际合作</SPAN>
</DIV>
<DIV id=xinxihudong_div align="center" style="Z-INDEX: 1; LEFT: 420px; VISIBILITY: visible; POSITION: absolute; TOP: 5px; HEIGHT: 20px;WIDTH:70;">
<SPAN id=xinxihudong_menubar onmouseover="xinxihudong_menubar.style.background='green';" style="WIDTH: 80px; CURSOR: hand;background:#164781" onclick="gongsijieshao_menu_div.style.visibility='hidden';chanpin_menu_div.style.visibility='hidden';window.open('./xinxihudong/xinxihudong.htm','main','');" onmouseout="xinxihudong_menubar.style.background='#164781';">信息互动</SPAN>
</DIV>
</font>
</BODY>
</HTML>