HTML5+CSS大作业——仿车蚂蚁-全套模板(24页) html网页制作期末大作业成品_网页设计期末作业
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
文章目录
- HTML5+CSS大作业——仿车蚂蚁-全套模板(24页) html网页制作期末大作业成品_网页设计期末作业
- 获取更多源码
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
- 五、学习资料
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<meta name="keywords" content="养车网，汽车保养，汽车美容，汽车维修，汽车养护" />
<meta name="description" content="汽车有问题，就上车蚂蚁，省心，省钱，省时间！车蚂蚁养车网 ，致力于为中国车主提供一个在线解决汽车服务问题、满足车主在汽车美容、保养、维修、配件等方面需求的平台，服务范围包括汽车美容、汽车保养、汽车养护、汽车维修等，是中国领先的一站式在线汽车养护平台"/>
<link charset="utf-8" rel="stylesheet" media="screen" type="text/css" href="css/929fce5888dcb6d8980fc7174f81d92d.css?mod=1422952910" />
<meta name="baidu-site-verification" content="vnDYbWLLYO" />
<link charset="utf-8" rel="stylesheet" media="screen" type="text/css" href="css/9a3fbe3acd45615db0b546121dd02187.css?mod=1429666776" />
<script charset="utf-8" src="http://wpa.b.qq/cgi/wpa.php"></script>
<!--导航公共-->
<link charset="utf-8" rel="stylesheet" media="screen" type="text/css" href="css/9a3fbe3acd45615db0b546121dd02187.css?mod=1429666776" />
</head>
<body>
<div class="com_top">
<div class="wrap">
<div class="com_top_l fl">
<a href="index.html">首页</a>
<a class="welcome">欢迎来到车蚂蚁 </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/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" target="_blank">蚂蚁社区</a>
<a target="_blank" href="http://www.chemayi/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/?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/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/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">
<div class="m_baoyang_box fl">
<ul class="item_box">
<li class="fl pr pop_dialog_icon_items">
<a href="http://www.chemayi/carmaintainplan/project/pids-1.html" target="_blank">
<div class="icon_com item_default pa">
小保养 <em>(机油+机油滤清器)</em>
</div>
<div class="item_hoverbg"></div>
<div class="item_hovertext">机油+机油滤清器</div>
</a>
</li>
</ul>
<h2 class="m_baoyang_tit"><em>保养管家</em>请正确输入行驶里程和购车日期</h2>
<form id='orderFrom' action="http://www.chemayi/maintain/check.html" method="post" >
<input type="text" style="display:none;" />
<input class="pub-input" value="" type="hidden" name="autocare_carmodel">
<input class="pub-input" value="" type="hidden" name="car_model">
<ul class="m_baoyang_input">
<li class="m_baoyang_input_li">
<div class="m_baoyang_input_l">行驶里程：</div>
<div class="m_baoyang_input_r pr">
<input id="lichengNum" type="text" class="pub-input" name="miles" value="" placeholder-text="请输入行驶里程" >
<div class="pub-input_tip">公里</div>
<div class="err_tip pa" id="lichengTip" style="width:241px;">
</div>
</div>
</li>
<li class="m_baoyang_input_li">
<div class="m_baoyang_input_l">购车时间：</div>
<div class="m_baoyang_input_r pr">
<div class="rule-single-select fl">
<select name="byear" datatype="*" sucmsg=" " id="byear">
<option value="">请选择年</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<opthref="http://mall.chemayi/category.php?id=145" target="_blank"><img class="lazy" src="images/t.gif" data-original="http://img.chemayi/version63/index/hot_car/bkjw.jpg" /></a>
</div>
</div>
<div class="tab_li_item">
<div class="main_hot_item">
<a href="http://mall.chemayi/category.php?id=146" target="_blank"><img class="lazy" src="images/t.gif" data-original="http://img.chemayi/version63/index/hot_car/btgy.jpg" /></a>
</div>
</div>
<div class="tab_li_item">
<div class="main_hot_item">
<a href="http://mall.chemayi/category.php?id=149" target="_blank"><img class="lazy" src="images/t.gif" data-original="http://img.chemayi/version63/index/hot_car/dzst.jpg" /></a>
</div>
</div>
<div class="tab_li_item">
<div class="main_hot_item">
<a href="http://mall.chemayi/category.php?id=150" target="_blank"><img class="lazy" src="images/t.gif" data-original="http://img.chemayi/version63/index/hot_car/ftfks.jpg" /></a>
</div>
</div>
<div class="tab_li_item minwidth">
<div class="main_hot_itemmore">
<a target="_blank" href="http://mall.chemayi/category.php?id=81#category_tree">
<img src="images/itemmore.jpg" /></a>
</div>
</div>
if($('.head_car_detail_year').length){
var carDetail = $('.head_car_detail_year').html();
}else{
var carDetail = $('.head_car_select').find('font').html();
}
if(carDetail){
var carModelYear = carDetail.match(/\d+/);
if(parseInt(byear) < parseInt(carModelYear[0]) - 1){
$('#buycarTime').html('所选车型在' + byear + '年尚未出售!').show();
setTimeout(function(){
$('#buycarTime').hide();
},1000);
return false;
}
}
$("#orderFrom").unbind("submit").submit();
});
})
</script>
</body>
</html>
四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
PC电脑端关注我们
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
更多推荐
HTML5+CSS大作业——仿车蚂蚁-全套模板(24页) html网页制作期末大作业成品_网页设计期末作业
发布评论