下拉菜单js

  • 2023-06-07
  • dfer
  • 541
 <!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>