下拉菜单js
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="网页设计,网页设计培训,平面设计培训,UI设计培训机构" />
<meta name="description" content="国内一流的网页平面UI设计培训机构">
<title>传智播客设计学院</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script type="text/javascript" src="javascript/index.js"></script>
</head>
<body>
<!--top begin-->
<div class="top">
<div class="logo"><img src="images/logo.jpg" /></div>
<div class="pic01"><img src="images/pic01.gif" /></div>
<div class="options">
<div id="test" class="home">
<span></span>
<a href="#">我的收藏</a>
<em></em>
<div id="list">
<a href="#">收藏的图书</a>
<a href="#">收藏的视频</a>
</div>
</div>
<div id="lx" class="fav">
<span></span>
<a href="#">联系客服</a>
</div>
</div>
</div>
<!--top end-->
<!--nav begin-->
<div class="nav">
<div class="nav_con"><ul>
<li class="cur"><a href="#"><span>首 页</span></a></li>
<li><a href="#"><span>课程介绍</span></a></li>
<li><a href="#"><span>教程下载</span></a></li>
<li><a href="#"><span>师资力量</span></a></li>
<li><a href="#"><span>就业信息</span></a></li>
<li><a href="#"><span>学员作品</span></a></li>
<li><a href="#"><span>校园生活</span></a></li>
<li><a href="#"><span>报名流程</span></a></li>
<li><a href="#"><span>常见问题</span></a></li>
<li><a href="#"><span>来校路线</span></a></li>
</ul></div>
</div>
<!--nav end-->
<!--banner begin-->
<div class="banner">
<div class="banner_pic" id="banner_pic">
<div class="current"><img src="images/01.jpg" alt="" /></div>
<div class="pic"><img src="images/02.jpg" alt="" /></div>
<div class="pic"><img src="images/03.jpg" alt="" /></div>
<div class="pic"><img src="images/04.jpg" alt="" /></div>
</div>
<ol id="button">
<li class="current">1</li>
<li class="but">2</li>
<li class="but">3</li>
<li class="but">4</li>
</ol>
</div>
<!--banner end-->
<!--stages begin-->
<div class="stages">
<div class="stages_title">通知公告</div>
<div class="stages_con">
<marquee>
<ul>
<li><a href="#">【广州喜讯】报名网页平面UI就业班喜送基础班</a></li>
<li><a href="#">史上最难就业年，怎么办？到传智免费学PS吧！</a></li>
</ul>
</marquee>
</div>
</div>
<!--stages end-->
<!--content begin-->
<div class="content">
<div class="line1">
<!--left begin-->
<div class="left">
<div class="module">
<div class="title">
<div class="title_left"></div>
<div class="title_right"><span></span>示范专业建设模块</div>
<div class="title_bottom"></div>
</div>
<div class="module_con">
<ul>
<li><span></span><a href="#">人才培养</a></li>
<li><span></span><a href="#">课程体系</a></li>
<li><span></span><a href="#">教学改革</a></li>
<li><span></span><a href="#">实习实训</a></li>
<li><span></span><a href="#">师资队伍</a></li>
<li><span></span><a href="#">校企互联</a></li>
<li><span></span><a href="#">示范效应</a></li>
<li><span></span><a href="#">more</a></li>
</ul>
</div>
</div>
<div class="job">
<div class="job_title"><span></span>招聘信息</div>
<div class="job_con">
<ul>
<li><span></span><a href="#">北京石和信息科技招聘UI设计</a></li>
<li><span></span><a href="#">上海微网络科技招聘前端工程师</a></li>
<li><span></span><a href="#">永特互动网络公司招聘前端工程师</a></li>
<li><span></span><a href="#">北京兰彩虹科技招聘UI设计实习生</a></li>
<li><span></span><a href="#">上海易网络科技招聘JS前端工程师</a></li>
</ul>
</div>
</div>
</div>
<!--left end-->
<!--center begin-->
<div class="center">
<div class="message">
<div class="message_title">
<ol id="m_essage">
<li class="current"><a href="#" ><span>专业动态</span></a></li>
<li><a href="#"><span>行业动态</span></a></li>
</ol>
<div class="more"><a href="#"><img src="images/more.gif" align="middle" /></a></div>
</div>
<div id="message_con">
<dl class="current">
<dt class="message_left"></dt>
<dd class="message_right">
<ul class="left_ul">
<li><span></span><a href="#">网页平面设计学院七期班香山游</a></li>
<li><span></span><a href="#">传智播客网页平面六期久违的体育课</a></li>
<li><span></span><a href="#">网页平面设计学院四期班奥林匹克公园一日游</a></li>
<li><span></span><a href="#">网页平面设计学院三期班798艺术区一日游</a></li>
<li><span></span><a href="#">网页平面设计学院二期班自助烧烤</a></li>
</ul>
<ul class="right_ul">
<li><a href="#">2013/06</a></li>
<li><a href="#">2013/06</a></li>
<li><a href="#">2013/06</a></li>
<li><a href="#">2013/06</a></li>
<li><a href="#">2013/07</a></li>
</ul>
</dd>
</dl>
<dl>
<dt class="message_left1"></dt>
<dd class="message_right">
<ul class="left_ul">
<li><span></span><a href="#">学网络营销拿项目实战奖金，学习赚钱两不误！</a></li>
<li><span></span><a href="#">第一季“中国好毕设,找传智播客”活动盛大启动</a></li>
<li><span></span><a href="#">政府扶持良心教育企业,郑州校区学费再减1000元</a></li>
<li><span></span><a href="#">PHP学院落户上海滩，让你一年多赚10万元</a></li>
<li><span></span><a href="#">游戏开发学院震撼开启，基础班全免费！</a></li>
</ul>
<ul class="right_ul">
<li><a href="#">2013/07</a></li>
<li><a href="#">2013/07</a></li>
<li><a href="#">2013/06</a></li>
<li><a href="#">2013/07</a></li>
<li><a href="#">2013/06</a></li>
</ul>
</dd>
</dl>
</div>
</div>
<div class="teacher">
<div class="teacher_title"><span></span>师资力量<a href="#"><img src="images/more.gif" /></a></div>
<div class="teacher_con">
<ul>
<li>
<div><a href="#"><img src="images/teacher01.gif" /></a></div>
<div class="name"><a href="#">网页主讲张老师</a></div>
</li>
<li>
<div><a href="#"><img src="images/teacher02.gif" /></a></div>
<div class="name"><a href="#">网页主讲刘老师</a></div>
</li>
<li>
<div><a href="#"><img src="images/teacher03.gif" /></a></div>
<div class="name"><a href="#">网页主讲韩老师</a></div>
</li>
<li>
<div><a href="#"><img src="images/teacher04.gif" /></a></div>
<div class="name"><a href="#">网页主讲邵老师</a></div>
</li>
</ul>
</div>
</div>
</div>
<!--center end-->
<!--right begin-->
<div class="right">
<div class="course">
<h3>精品课程<span>Courses</span></h3>
<ul>
<li><span></span><a href="#">Photoshop图像处理</a></li>
<li class="course_2"><span></span><a href="#">网页平面设计</a></li>
<li class="course_3"><span></span><a href="#">UI设计</a></li>
<li class="course_4"><span></span><a href="#">HTML+CSS网页制作</a></li>
<li class="course_5"><span></span><a href="#">JavaScript制作网页特效</a></li>
</ul>
</div>
<div class="study">
<a href="#"><img src="images/study.gif" /></a>
</div>
</div>
<!--right end-->
</div>
<div class="line2">
<!--data begin-->
<div class="data">
<div class="data_title"><span></span>数据统计</div>
<div class="data_con">
<div class="con_border">
<a href="#"><img src="images/pic02.gif" /></a>
<a href="#"><img src="images/pic03.gif" /></a>
<a href="#"><img src="images/pic022.gif" /></a>
<a href="#"><img src="images/pic033.gif" /></a>
</div>
</div>
</div>
<!--data end-->
<!--book begin-->
<div class="book">
<div class="book_title"><span></span>原创图书</div>
<div class="book_con">
<ul>
<li>
<div><a href="#"><img src="images/book01.gif" /></a></div>
<div class="name"><a href="#">网页设计与制作<br/>(HTML+CSS)</a></div>
</li>
<li>
<div><a href="#"><img src="images/book02.gif" /></a></div>
<div class="name"><a href="#">Photoshop CS6图像设计<br/>案例教程</a></div>
</li>
<li>
<div><a href="#"><img src="images/book03.gif" /></a></div>
<div class="name"><a href="#">Java基础入门</a></div>
</li>
<li>
<div><a href="#"><img src="images/book04.gif" /></a></div>
<div class="name"><a href="#">C语言开发入门教程</a></div>
</li>
<li>
<div><a href="#"><img src="images/book05.gif" /></a></div>
<div class="name"><a href="#">Objective-C入门教程</a></div>
</li>
</ul>
</div>
</div>
<!--book end-->
</div>
</div>
<!--content end-->
<!--footer begin-->
<div class="footer">
<div class="btn">
<div><a href="#"><img src="images/top_btn.gif" /></a></div>
<div><a href="#">Top</a></div>
</div>
<div class="footer_con">
<ul class="pic">
<li class="pic_con"><span>友情链接</span></li>
<li><a href="#"><img src="images/mhzxxls.jpg" /></a></li>
<li><a href="#"><img src="images/link2.jpg" /></a></li>
<li><a href="#"><img src="images/link3.jpg" /></a></li>
<li><a href="#"><img src="images/link4.jpg" /></a></li>
</ul>
<p>传智播客-专业java培训、.net培训、php培训、iOS培训、C++培训、网页设计、平面设计培训机构</p>
<p>版权所有 2006 - 2014 北京传智播客教育科技有限公司</p>
<p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096</p>
<p>电话：010-82935150/60/70 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
<p>京ICP备08001421号 京公网安备110108007702</p>
</div>
</div>
<!--footer end-->
</body>
</html>
上一篇： HTML5大文件分片
下一篇： 基于PHP的购物网站