1200字范文 > HTML5期末大作业：汽车网站设计——汽车介绍(6页) HTML+CSS+JavaScript 学生DW网页

HTML5期末大作业：汽车网站设计——汽车介绍(6页) HTML+CSS+JavaScript 学生DW网页

时间：2023-07-02 15:34:12

HTML5期末大作业：汽车网站设计——汽车介绍(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：汽车网站设计——汽车介绍(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、完整源码六、更多源码

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-type" content="text/html; charset=GB2312" /><meta name="keywords" /><meta name="description"/><title></title><link rel="stylesheet" href="css/style.css" type="text/css" media="all" /><style type="text/css">.tab1{width:780px;border-top:#gray solid 1px;border-bottom:#gray solid 1px;margin:50px auto 0 auto;background:gray;}.menu{height:28px;border-right:#ccc solid 1px; font-size:14px;}.menu li{float:left;width:99px;text-align:center;line-height:28px;height:28px;cursor:pointer;border-left:#ccc solid 1px;border-bottom:#ccc solid 1px;color:#666;overflow:hidden;background:#E0E2EB;}.menu li.off{background:#fff;color:#336699;font-weight:bold; border-bottom:none;}.menudiv{height:210px;border-left:#cccccc solid 1px;border-right:#cccccc solid 1px;border-top:0;background:#fefefe}.menudiv div{padding:15px;line-height:28px;}#div3 {width:100px; height:100px; background:url('images/1.jpg'); position:absolute; top:200px; left:50px; display:block; cursor:pointer; text-align:right; z-index:999999;}span {color:#000; font-size:16px; margin-top:16px; margin-right:5px; font-weight:bold; cursor:pointer}#div1 {left:0; top:50%; background:url('images/2.jpg');position:absolute; width:100px; height:250px; text-align:right;}#div2 {right:0; top:50%; background:url('images/2.jpg'); position:absolute; width:100px; height:250px;text-align:right;}</style><script>function setTab(name,cursel){cursel_0=cursel;for(var i=1; i<=links_len; i++){var menu = document.getElementById(name+i);var menudiv = document.getElementById("con_"+name+"_"+i);if(i==cursel){menu.className="off";menudiv.style.display="block";}else{menu.className="";menudiv.style.display="none";}}}function Next(){cursel_0++;if (cursel_0>links_len)cursel_0=1setTab(name_0,cursel_0);} var name_0='one';var cursel_0=1;var ScrollTime=3000;//循环周期，可任意更改（毫秒）var links_len,iIntervalId;onload=function(){var links = document.getElementById("tab1").getElementsByTagName('li')links_len=links.length;for(var i=0; i<links_len; i++){links[i].onmouseover=function(){clearInterval(iIntervalId);this.onmouseout=function(){iIntervalId = setInterval(Next,ScrollTime);;}}}document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){clearInterval(iIntervalId);this.onmouseout=function(){iIntervalId = setInterval(Next,ScrollTime);;}}setTab(name_0,cursel_0);iIntervalId = setInterval(Next,ScrollTime);}</script></head><body><center><table width="1000" border="0" cellspacing="0" cellpadding="0" border-spacing="0"><tr><td colspan="5"><img src="images/photo.jpg" width="1000" height="200"/></td></tr><tr class="nav "> <td height="50" ><a href="index-2.html">网站首页</a></td> <td height="50" ><a href="/chengpinb/biao26/about.html">关于我们</a><td height="50" ><a href="news.html" class="active" >新闻咨询</a></td> <td height="50"><a href="contact.html" >联系我们</a></td> <td height="50"><a href="liuyan.html">给我留言</a></td> </tr><tr><td width="200" style="paddding:10px;" height="800"><p>汽车是指以汽油、柴油、天然气等燃料或者以电池、太阳能等新型能源由发动机作动力的运输工具。一般具有四个或四个以上车轮，不依靠轨道或架线而在陆地行驶的车辆。汽车通常被用作载运客、货和牵引客、货挂车，也有为完成特定运输任务或作业任务而将其改装或经装配了专用设备成为专用车辆，但不包括专供农业使用的机械。全挂车和半挂车并无自带动力装置，他们与牵引汽车组成汽车列车时才属于汽车范畴， 1885年是汽车发明取得决定性突破的一年。当时和戴姆勒在同一工厂的本茨，也在研究汽车。他在1885年几乎与戴姆勒同时制成了汽油发动机，装在汽车上，以每小时12公里的速度行驶，获得成功。</p><img src="images/p2.jpg" width="200" height="190"/><img src="images/p1.jpg" width="200" height="210"/></td><td width="800" colspan="4"><div class="tab1" id="tab1"><div class="menu"><ul><li id="one1" onclick="setTab('one',1)">普通运输汽车</li><li id="one2" onclick="setTab('one',2)">专用汽车</li><li id="one3" onclick="setTab('one',3)">特殊用途汽车</li></ul></div><div class="menudiv"><div id="con_one_1"><ul><li><a href="news1.html">1.吴江:今年免征5万多辆次农产品运输车辆通行费</a></li><li><a href="news4.html" style="color:#FF0000">2.枣庄1230辆运输车集体审验无合格标不得年审 </a></li><li><a href="news1.html">1.吴江:今年免征5万多辆次农产品运输车辆通行费</a></li><li><a href="news4.html" style="color:#FF0000">2.枣庄1230辆运输车集体审验无合格标不得年审 </a></li><li><a href="news1.html">1.吴江:今年免征5万多辆次农产品运输车辆通行费</a></li><li><a href="news4.html" style="color:#FF0000">2.枣庄1230辆运输车集体审验无合格标不得年审 </a></li></ul></div><div id="con_one_2" style="display:none;"><a href="news2.html">1.大连危货运输车辆均安装使用卫星定位装置</a></div><div id="con_one_3" style="display:none;"><a href="news3.html">1.《道路运输车辆动态监督管理办法》7月1日实施</a></div></div></div><img src="images/p3.jpg" width="800" height="500" /></td></tr></table></tr><tr><td bgcolor="gray" height="40" ><center><font color="white">版权所有禁止盗版</font></center></td> </tr></table></center></body></html>