HTML期末作业-汽车奔驰4s店
生活随笔
收集整理的這篇文章主要介紹了
HTML期末作业-汽车奔驰4s店
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?HTML期末作業-汽車奔馳4s店,期末作業HTML奔馳,HTML作業汽車HTML+css+JavaScript,4個頁面!
部分源碼
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>聯系</title> <link rel=stylesheet type="text/css" href="css/contact.css"> <link rel="stylesheet" href="css/gallery.css"><script type="text/javascript" src="./js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="./js/common.js"></script></head> <section class="first-top-section"><div class="first-header"><img class="first-header-img" src="img/header.png" alt="Header"><h1 class="first-set-name">聯系</h1><div class="first-nav-container"><nav class="first-nav"><ul><li><a href="index.html">首頁</a></li><li><a href="products.html">產品</a></li><li><a href="service.html">服務</a></li><li><a href="gallery.html" >展覽</a></li><li><a href="contact.html" class="active">聯系</a></li></ul></nav> </div></div><div class="first-welcome"><div class="img"><img src="img/welcome-img.png" alt=""></div></div></section><div class="fcnt" id="ppt"><div class="mimg" id="mpc"><div style="display:block"><img src="./img/11.jpg" width="650" height="460"/></div><div><a href="#"><img src="./img/22.png" width="650" height="460"/></a></div><div><a href="#"><img src="./img/33.png" width="650" height="460"/></a></div><div><a href="#"><img src="./img/44.png" width="650" height="460"/></a></div></div><ul class="ul2"><li class="cur1"><img src="./img/55.png" width="250" height="115"/></li><li class="cur2"><img src="./img/66.png" width="250" height="115"/></li><li class="cur3"><img src="./img/22.png" width="250" height="115"/></li><li cur4><img src="./img/11.jpg" width="250" height="115"/></li></ul> </div><div class="jd"><div class="title">圖書介紹<br><i>Introduction</i></div><div class="xz_nr"> 《目送》是作家龍應臺繼《孩子你慢慢來》《親愛的安德烈》后,龍應臺再推出思考“生死大問”的作品,是一本感悟性的人生之書。<img class="imgs" src="./img/99.png" width="400" height="200" align="right"><br> 《目送》是一本生死筆記,深邃,憂傷,美麗?!赌克汀返钠呤⑽?#xff0c;寫父親的逝、母親的老、兒子的離、朋友的牽掛、兄弟的攜手共行,寫失敗和脆弱、失落和放手,寫纏綿不舍和絕然的虛無。她寫盡了幽微,如燭光冷照山壁。 <br> 《目送》散文集共由七十三篇散文組成,是為一本情感性的文集。書中,龍應臺寫父親的死亡、母親的衰老和失智;寫對父母的憐惜和體恤,寫兄弟攜手共行,兒子的離別,朋友的牽掛;寫自己的失敗和脆弱,失落和放手,以及一個人的走路、賞樹、觀鳥、拍照、生活等。從牽著孩子幼小的手、情意滿滿的親情,到青春后期孩子與自己漸行漸遠的背影;從陪著年邁母親如帶著女兒一般,思及自己也曾是父母眼前一去不返的背影,龍應臺娓娓道來。正如作者所說:“我慢慢地、慢慢地了解到,所謂父女母子一場,只不過意味著,你和他的緣分就是今生今世不斷地在目送他的背影漸行漸遠。你站在小路的這一端,看著他逐漸消失在小路轉彎的地方,而且,他用背影默默地告訴你,不用追?!?</div><div class="rm"><div class="title">美書欣賞<br><i>Appreciate</i></div><div id=demo style="overflow:hidden;width:880px;color:#ffffff; padding-top:10px; margin-left:10px; margin: 0 auto;;"><table border=0 align=left cellpadding=0 cellspacing="0" cellspace=0><tr><td valign=top id=demo1><table width="880" padding-left:10px; cellspacing="5" cellpadding="0"><tr><td><a href="#"><img src="./img/11.jpg" width="420" height="250" style="padding-left:10px;"></a></td><td><a href="#"><img src="./img/99.png" width="420" height="250" style="padding-left:10px;"></a></td><td><a href="#"><img src="./img/55.png" width="420" height="250" style="padding-left:10px;"></a></td><td><a href="#"><img src="./img/44.png" width="420" height="250" style="padding-left:10px;"></a></td><td><a href="#"><img src="./img/88.png" width="420" height="250" style="padding-left:10px;"></a></td><td><a href="#"><img src="./img/77.png" width="420" height="250" style="padding-left:10px;"></a></td></tr></table></td><td id=demo2 valign=top></td></tr></table></div><footer class="footer"><div class="main" style="background: transparent;"><div class="main-menu"><h3 class="footer-title">主 菜 單</h3><ul class="ul3"><li><a href="">主頁</a></li><li><a href="">關于我們</a></li><li><a href="">目錄</a></li><li><a href="">服務</a></li></ul></div><div class="about"><h3>關于我們</h3><p>北京奔馳汽車有限公司(簡稱北京奔馳)成立于2005年8月8日,是北京汽車股份有限公司與戴姆勒股份公司、戴姆勒大中華區投資有限公司共同投資,集研發、發動機與整車生產、銷售和售后服務為一體的中德合資企業。</p></div><div class="social"><h3>社交</h3><div class="social-link"><a href="">臉書</a><a href="">QQ</a><a href="">微信</a><a href="">微博</a><a href="">知乎</a></div></div></div></footer><script type="text/javascript">var speed=30demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script></body> </html>?頁面截圖
總結
以上是生活随笔為你收集整理的HTML期末作业-汽车奔驰4s店的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 服务器型号惠普RX3600,384854
- 下一篇: HTML作业-花店网页商城