用到的图片 代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <mce:style><!-- /***********************************************/ /* 菜单信息 */ /***********************************************/ #menu { float:left; MARGIN: 0 0 10px 0; width:100%; background:#F4F4F4; font-size:13px; line-height:normal; border-bottom:1px solid #24618E; } #menu ul { margin:0; padding:10px 0px 0 6px; list-style:none; } #menu li { display:inline; margin:0; padding:0; } #menu a { float:left; background:url("tableftJ.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #menu a span { float:left; display:block; background:url("tabrightJ.gif") no-repeat right top; padding:4px 13px 4px 6px; color:#225A84; } /* Commented Backslash Hack hides rule from IE5-Mac /*/ #menu a span {float:none;} /* End IE5-Mac hack */ #menu a:hover span { color:#FFF; } #menu a:hover { background-position:0% -42px; } #menu a:hover span { background-position:100% -42px; } #menu #current a { background-position:0% -42px; } #menu #current a span { background-position:100% -42px; color:#FFF; } --></mce:style><style mce_bogus="1">/***********************************************/ /* 菜单信息 */ /***********************************************/ #menu { float:left; MARGIN: 0 0 10px 0; width:100%; background:#F4F4F4; font-size:13px; line-height:normal; border-bottom:1px solid #24618E; } #menu ul { margin:0; padding:10px 0px 0 6px; list-style:none; } #menu li { display:inline; margin:0; padding:0; } #menu a { float:left; background:url("tableftJ.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #menu a span { float:left; display:block; background:url("tabrightJ.gif") no-repeat right top; padding:4px 13px 4px 6px; color:#225A84; } /* Commented Backslash Hack hides rule from IE5-Mac /*/ #menu a span {float:none;} /* End IE5-Mac hack */ #menu a:hover span { color:#FFF; } #menu a:hover { background-position:0% -42px; } #menu a:hover span { background-position:100% -42px; } #menu #current a { background-position:0% -42px; } #menu #current a span { background-position:100% -42px; color:#FFF; }</style> </HEAD> <BODY> <div id="menu" twffan="done"> <ul> <li><a href="/" mce_href=""><span twffan="done">首页</span></a> </li> <li><a href="/content/xuexiaogaikuang/20071109/1664.html" mce_href="content/xuexiaogaikuang/20071109/1664.html"><span twffan="done">学校概况</span></a> </li> <li><a href="/content/yuanxishezhi/20071107/53.html" mce_href="content/yuanxishezhi/20071107/53.html"><span twffan="done">院系</span></a> </li> <li><a href="/content/bumenshezhi/20071107/52.html" mce_href="content/bumenshezhi/20071107/52.html"><span twffan="done">组织机构</span></a> </li> <li><a target="_blank" href="http://jw.qdu.edu.cn" mce_href="http://jw.qdu.edu.cn"><span twffan="done">教务</span></a> </li> <li><a href="/content/keyan/20071109/1660.html" mce_href="content/keyan/20071109/1660.html" target="_blank"><span twffan="done">科学研究</span></a> </li> <li><a href="/content/renshi/20071109/1663.html" mce_href="content/renshi/20071109/1663.html" target="_blank"><span twffan="done">人事</span></a> </li> <li><a href="/content/rencaipeiyang/20071109/1661.html" mce_href="content/rencaipeiyang/20071109/1661.html"><span twffan="done">人才培养</span></a> </li> <li><a href="/content/zhaoshengjiuye/20071109/1659.html" mce_href="content/zhaoshengjiuye/20071109/1659.html"><span twffan="done">招生就业</span></a> </li> <li><a href="/content/guojijiaoliu/20071109/1662.html" mce_href="content/guojijiaoliu/20071109/1662.html" target="_blank"><span twffan="done">国际交流</span></a> </li> <li><a href="/content/zhaopinxinxi/" mce_href="content/zhaopinxinxi/"><span twffan="done">招聘信息</span></a> </li> <li><a target="_blank" href="http://alumni.qdu.edu.cn/" mce_href="http://alumni.qdu.edu.cn/"><span twffan="done">青大校友</span></a> </li> </ul> </div></div> </BODY> </HTML>