简单的学生网页作业源码 基于html css javascript仿车蚂蚁网页设计与实现 (24页)

---

---

👨‍🎓网页题目

🚗汽车网站、🚘汽车介绍、🚍汽车官网、汽车租赁、企业网页 、等网站的设计与制作。

---

✍️网页描述

🏷️ 此作品为学生汽车网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。

---

🌐网页效果

---

⚙️ 代码实现

🧱HTML结构代码

  <div class="com_top">
				<div class="wrap">
						<div class="com_top_l fl">
                        
								<a href="index.html">首页</a>
								
								                                	<a class="welcome">欢迎来到车蚂蚁&nbsp;&nbsp;</a>
									<a id="Login" class="login"  href="#formLoginRegis"></a>
									<a class="login"  href="login.html">请登录</a>
									<a href="reg.html">免费注册</a>
														</div>

						<div class="com_top_r fr">


								<div class="fr">
										<em>|</em>
										<a href="http://www.chemayi.com/subject/index/type-app.html" class="icon_com icon_mob"><em></em>手机版</a>
										<a target="_blank" href="login_merchant.html">商家入驻</a>
										<em>|</em>
										<a target="_blank" href="http://bbs.chemayi.com" target="_blank">蚂蚁社区</a>
										<a target="_blank" href="http://www.chemayi.com/wiki">蚂蚁百科</a>

								</div>
								<div class="fr">
										<a href="cart.html" class="icon_com icon_shop"><em>购物车</em><i>0</i></a>
								</div>
								<div class="myinfo fr">
										<h1 id="item1" onMouseOut="settimerhide()" onMouseOver="itemover()"><a href="http://member.chemayi.com/?act=index">我的车蚂蚁</a><em class="icon_com icon_up"></em></h1>
										<ul class="myinfo_ul" id="sub1"  onmouseout="settimerhide()" onMouseOver="subsover()" >
												<li>
														<a href="member_car_plan.html">养车计划</a>
												</li>
												<li>
														<a href="member_order.html">订单管理</a>
												</li>
												<li>
														<a href="member_shouli.html">受理单查询</a>
												</li>
										</ul>
								</div>
						</div>
				</div>
		</div>
		<div class="wrap logobox">
				<span class="fl">
                	<a href="index.html"><img src="images/logo.png"></a>
                </span>
                <span class="ri" style="float:right; margin:0;">
                	<div class="qr_code"><a href="http://www.chemayi.com/subject/index/type-app.html"><img src="images/code.png"></a> </div>
                    <div class="appdownload">
                        <div class="pr" style="z-index:2000;">
                            <a href="http://www.chemayi.com/subject/index/type-appdown.html" >
                                <img src="images/mobile120.gif">
                            </a>
                            <div class="wei2apppic">
                                <img src="images/newapp.png"> 
                            </div>
                        </div>
                    </div>
                </span>
                
                
		</div>
        
		<div class="wrap nav">
        
				<div class="nav_l fl">
						<a href="baoyang.html" class="hot ">爱车保养<b></b></a>
						<a href="meirong.html" class="hot ">爱车美容<b></b></a>
						<a href="weixiu.html" class="hot ">爱车维修<b></b></a>
						<em class="navline"></em>
						<a href="goods_lists.html">蚂蚁商城<b></b></a>
						<a href="service.html" class="">服务网点<b></b></a>
				</div>
				<div class="nva_r fr">
						<div class="nav_num fl">
								400-0571-137</div>
						<div class="nav_pub fl"><a href="javascript:void(0);" id='send'>发布需求</a></div>
				</div>
		</div>
        
        
			<input name="car_model" type="hidden" value="" />
							<div class="wrap">
						<div class="mycarbox clearfix" id="mycarbox">
								<div class="head_carbox_l fl">
										当前<br>车型<b></b><em></em>
								</div>
																
								<div class="head_carbox_r fr">

										<div class="head_car_logo fl">
												<img src="images/head_car_logo_default.jpg">
										</div>
																				<div class="head_car_select ml10 fl">
											  <font>即刻</font> <a class="choose_car_model_btn" href="#">选择车型</a>，开启您的养车之旅！
										</div>
																		</div>
														</div>
				</div>
			<div class="wrap clearfix">

---

🎁更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 💬获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

3.

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻💬