简单的学生网页作业源码 基于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.

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

  • 19
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@蜡笔小新星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值