時(shí)間：2023-09-21 06:30:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-21 06:30:01 來源：網(wǎng)站運(yùn)營(yíng)
大一學(xué)生《Web編程基礎(chǔ)》期末網(wǎng)頁(yè)制作 HTML+CSS+JavaScript 企業(yè)網(wǎng)頁(yè)設(shè)計(jì)實(shí)例：精彩專欄推薦 文末獲取聯(lián)系 ?? 作者簡(jiǎn)介: 一個(gè)熱愛把邏輯思維轉(zhuǎn)變?yōu)榇a的技術(shù)博主 作者主頁(yè): 【主頁(yè)—— 獲取更多優(yōu)質(zhì)源碼】 web前端期末大作業(yè)： 【 畢設(shè)項(xiàng)目精品實(shí)戰(zhàn)案例 (1000套) 】 程序員有趣的告白方式：【 HTML七夕情人節(jié)表白網(wǎng)頁(yè)制作 (110套) 】 超炫酷的Echarts大屏可視化源碼：【 Echarts大屏展示大數(shù)據(jù)平臺(tái)可視化(150套) 】 HTML+CSS+JS實(shí)例代碼： 【 ?HTML+CSS+JS實(shí)例代碼 (炫酷特效網(wǎng)頁(yè)代碼) 繼續(xù)更新中...】 免費(fèi)且實(shí)用的WEB前端學(xué)習(xí)指南： 【 web前端零基礎(chǔ)到高級(jí)學(xué)習(xí)視頻教程 120G干貨分享】 關(guān)于作者: 歷任研發(fā)工程師，技術(shù)組長(zhǎng)，教學(xué)總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經(jīng)變遷，物是人非。 然而，對(duì)于技術(shù)的探索和追求從未停歇。 堅(jiān)持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁(yè)、其他html為二級(jí)頁(yè)面； （2） css文件包含：css全部頁(yè)面樣式,文字滾動(dòng), 圖片放大等； （3） js文件包含：js實(shí)現(xiàn)動(dòng)態(tài)輪播特效, 表單提交, 點(diǎn)擊事件等等（個(gè)別網(wǎng)頁(yè)中運(yùn)用到j(luò)s代碼）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>曼谷科技</title> <link rel="stylesheet" href="css/index.css"></head><body> <div class="top"> <div class="width clearfix"> <form class="right biaoge" action="shuju.html" method="post"> <input class="search1 left" type="text" name="搜索" value="搜索..."> <input class="search2 right" type="submit" name="提交" value=" "> </form> <a href="###"><img class="right" src="picture/weixin0.png"></a> <a href="###"><img class="right" src="picture/weibo.png"></a> </div> </div> <div class="nav width clearfix"> <h1><img src="picture/logo.png"></h1> <ul> <li><a href="###" class="act">網(wǎng)站首頁(yè)</a></li> <li><a href="###">產(chǎn)品中心</a></li> <li><a href="###">技術(shù)與服務(wù)</a></li> <li><a href="###">解決方案</a></li> <li><a href="###">合作伙伴</a></li> <li><a href="###">新聞動(dòng)態(tài)</a></li> <li><a href="###">關(guān)于我們</a></li> </ul> </div> <div class="main .bgcolor1"> <div class="banner"> <div class="dingwei"> <div class="aa a1"> <div class="bb b1"> <div class="bb b2"> <div class="bb b3"></div> </div> </div> </div> <div class="aa a2"> <div class="bb b1"> <div class="bb b2"> <div class="bb b3"></div> </div> </div> </div> <div class="aa a3"> <div class="bb b1"> <div class="bb b2"> <div class="bb b3"></div> </div> </div> </div> <div class="aa a4"> <div class="bb b1"> <div class="bb b2"> <div class="bb b3"></div> </div> </div> </div> </div> </div> <div class="main1"> <div class="prodoctus clearfix width"> <div class="prod"> <div class="icon i1"></div> <p>物聯(lián)網(wǎng)手持終端</p> </div> <div class="prod"> <div class="icon i2"></div> <p>物聯(lián)網(wǎng)手持終端</p> </div> <div class="prod p3"> <div class="icon i3"></div> <p>物聯(lián)網(wǎng)手持終端</p> </div> </div> </div> <div class="main2"> <div class="jjfz width"> <div class="title clearfix"> <h2>解決方案<span>SOLUTIONS</span></h2> <div class="bg"></div> </div> <div class="jjfa_main clearfix"> <div class="mulu left"> <div class="wenzi jt left">交通行業(yè)</div> <div class="content left"> <div class="content_left left"><img src="picture/img1.png"></div> <div class="content_right left"> <ul> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> </ul> </div> </div> </div> <div class="mulu left"> <div class="wenzi sf left">司法行業(yè)</div> <div class="content left"> <div class="content_left left"><img src="picture/img1.png"></div> <div class="content_right left"> <ul> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> </ul> </div> </div> </div> <div class="mulu left"> <div class="wenzi zf left">政府相關(guān)企業(yè)</div> <div class="content left"> <div class="content_left left"><img src="picture/img1.png"></div> <div class="content_right left"> <ul> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> </ul> </div> </div> </div> <div class="mulu left"> <div class="wenzi qt left">其他行業(yè)</div> <div class="content left"> <div class="content_left left"><img src="picture/img1.png"></div> <div class="content_right left"> <ul> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> <li><a href="###">軍用物資組套倉(cāng)儲(chǔ)管理系統(tǒng)</a>[2017-04-17]</li> </ul> </div> </div> </div> </div> </div> </div> <div class="main3"> <div class="news width"> <div class="title clearfix"> <h2>新聞動(dòng)態(tài)<span>NEWS</span></h2> <div class="bg"></div> </div> <div class="news_main clearfix"> <div class="yinying"><div></div></div> <ul class="clearfix left"> <li class="one"> <a href="###"><h3>杭州量谷無(wú)線科技有限公司（簡(jiǎn)稱量谷科技）</h3></a> <p>公司秉承引領(lǐng)前沿信息、創(chuàng)新突破，自強(qiáng)務(wù)實(shí)的企業(yè)理念，不斷地吸收借鑒國(guó)外先進(jìn)技術(shù)并積極開展自主創(chuàng)新的研究。</p> </li> <li> <a href="###"><h3>杭州量谷無(wú)線科技有限公司（簡(jiǎn)稱量谷科技）</h3></a> <p>公司秉承引領(lǐng)前沿信息、創(chuàng)新突破，自強(qiáng)務(wù)實(shí)的企業(yè)理念，不斷地吸收借鑒國(guó)外先進(jìn)技術(shù)并積極開展自主創(chuàng)新的研究。</p> </li> <li> <a href="###"><h3>杭州量谷無(wú)線科技有限公司（簡(jiǎn)稱量谷科技）</h3></a> <p>公司秉承引領(lǐng)前沿信息、創(chuàng)新突破，自強(qiáng)務(wù)實(shí)的企業(yè)理念，不斷地吸收借鑒國(guó)外先進(jìn)技術(shù)并積極開展自主創(chuàng)新的研究。</p> </li> </ul> <ul class="clearfix left right_ul"> <li class="one"> <a href="###"><h3>杭州量谷無(wú)線科技有限公司（簡(jiǎn)稱量谷科技）</h3></a> <p>公司秉承引領(lǐng)前沿信息、創(chuàng)新突破，自強(qiáng)務(wù)實(shí)的企業(yè)理念，不斷地吸收借鑒國(guó)外先進(jìn)技術(shù)并積極開展自主創(chuàng)新的研究。</p> </li> <li> <a href="###"><h3>杭州量谷無(wú)線科技有限公司（簡(jiǎn)稱量谷科技）</h3></a> <p>公司秉承引領(lǐng)前沿信息、創(chuàng)新突破，自強(qiáng)務(wù)實(shí)的企業(yè)理念，不斷地吸收借鑒國(guó)外先進(jìn)技術(shù)并積極開展自主創(chuàng)新的研究。</p> </li> <li> <a href="###"><h3>杭州量谷無(wú)線科技有限公司（簡(jiǎn)稱量谷科技）</h3></a> <p>公司秉承引領(lǐng)前沿信息、創(chuàng)新突破，自強(qiáng)務(wù)實(shí)的企業(yè)理念，不斷地吸收借鑒國(guó)外先進(jìn)技術(shù)并積極開展自主創(chuàng)新的研究。</p> </li> </ul> </div> </div> </div> <div class="main4 clearfix"> <div class="hzhb width"> <div class="title clearfix"> <h2>合作伙伴<span>PARTNERS</span></h2> <div class="bg"></div> </div> <div class="hzhb_main clearfix"> <a href="###"><img src="picture/hzhb1.png" alt="tupian1"></a> <a href="###"><img src="picture/hzhb2.png" alt="tupian2"></a> <a href="###"><img src="picture/hzhb3.png" alt="tupian3"></a> <a href="###"><img src="picture/hzhb4.png" alt="tupian4"></a> <a class="last" href="###"><img src="picture/hzhb5.png" alt="tupian5"></a> </div> </div> </div> </div> <div class="footer clearfix"> <div class="list width clearfix"> <ul> <li class="first"><a href="###">產(chǎn)品中心</a></li> <li><a href="###">手持終端</a></li> <li><a href="###">產(chǎn)品線</a></li> <li><a href="###">附件</a></li> <li><a href="###">軟件</a></li> </ul> <ul> <li class="first"><a href="###">技術(shù)與服務(wù)</a></li> <li><a href="###">技術(shù)支持</a></li> <li><a href="###">售后服務(wù)</a></li> </ul> <ul> <li class="first"><a href="###">解決方案</a></li> <li><a href="###">交通行業(yè)</a></li> <li><a href="###">司法行業(yè)</a></li> <li><a href="###">政府及其相關(guān)</a></li> <li><a href="###">其他行業(yè)</a></li> </ul> <ul class="last_ul"> <li class="first"><a href="###">聯(lián)系方式</a></li> <li class="sec"><a href="###">電話：0532-83887966 / 83887967</a></li> <li class="thi"><a href="###">郵箱：Services@langcoo.com</a></li> <li class="four"><a href="###">微信：杭州量谷無(wú)線科技</a></li> </ul> </div> <div class="xian"></div> <div class="lianjie width"> <p><span>友情鏈接：</span><a href="###">物聯(lián)中國(guó)</a><a href="###">物聯(lián)網(wǎng)世界</a><a href="###">杭州市浙江商會(huì)</a><a href="###">杭州物聯(lián)網(wǎng)協(xié)會(huì)</a></p> </div> </div> <div class="bottom"> <p>© 2021 版權(quán)所有 杭州量谷無(wú)線科技有限公司 Qingdao Langcoo Wireless Technologies Co.,Ltd 地址：杭州市市南區(qū)芝泉路6號(hào) 電話：0755-83316336 </p> </div></body></html>body,ul, li, div, h1, h2, h3, form, input, img, p, span, a { margin: 0; padding: 0; font-family: '宋體'; color: #000; text-decoration: none;}ul , li { list-style: none;}img { display: block;}.clearfix::after { content: ''; display: block; clear: both;}.left { float: left;}.right { float: right;}.width { width: 1000px; margin: 0 auto;}.top { background: url('../image/dian_b.png');}.top .width { text-align: right; height: 40px;}.top img { padding-left: 14px; padding-top: 12px;}.biaoge { width: 183px; margin-top: 5px; margin-left: 23px; border-bottom: 2px solid #FFB243; display: table-cell; vertical-align: middle;}input { background: transparent; border: none; outline: none; color: #9d9ea0; line-height: 30px; font-size: 12px;}.search1 { padding-left: 6px; width: 159px; height: 30px; vertical-align: middle;}.search2 { width: 18px; background: url('../image/sousuo.png') no-repeat left; cursor: pointer;}.nav { height: 100px;}.nav h1 { padding-top: 24px; width: 251px; height: 76px; float: left; /* vertical-align: middle; margin: auto 0px; */}.nav ul { float: left; height: 100px; /* padding-left: 251px; */ width: 749px; /* background: url('../images/logo.png') no-repeat left 24px; */}.nav li a { display: block; float: left; width: 105px; text-align: center; font-family: '微軟雅黑'; line-height: 100px; font-size: 16px;}.nav li a:hover ,.act { background: #2361AD url('../image/arr1.png') no-repeat center bottom; color: #fff;}.banner { background: #000 url('../image/banner.png') no-repeat center 0px; height: 455px; /* background-size: 100% 455px; */ position: relative;}.dingwei { position: absolute; width: 265px; height: 258px; background: #fff; top: 50px; left: 50%; margin-left: 82px;}.aa { width: 114px; height: 120px; background: #2361AD; position: absolute; padding-left: 15px; padding-bottom: 6px;}.a1 { top: 0px; left: 0px;}.a2 { top: 0px; right: 0px;}.a3 { bottom: 0px; left: 0px;}.a4 { bottom: 0px; right: 0px;}.news_main ul li p { font-size: 12px; line-height: 22px; margin-bottom: 10px;}.news_main .right_ul { padding-right: 0;}.yinying { overflow: hidden; width: 20px; height: 400px; position: absolute; top: -50px; left: 50%; margin-left: -20px;}.yinying div { width: 50px; height: 400px; position: absolute; top: 0px; left: 100%; border-radius: 50%; background: transparent; box-shadow: 4px 0px 20px #000;}.main4 { border-bottom: 1px solid #E7E7E7;}.hzhb_main a { margin-bottom: 35px; margin-right: 71px; border: 1px solid #C0C0C0; float: left;}.hzhb_main .last { margin-right: 0px;}.footer { padding-top: 20px; background: #F6F6F6 url('../image/dian_b_1.png');}.footer ul { margin-right: 154px; float: left; margin-bottom: 18px;}.footer .last_ul { margin-right: 0px;}.list li { line-height: 30px; font-size: 12px;}.list .first { font-size: 18px; line-height: 18px; padding-bottom: 11px; font-weight: bold;}.last_ul li { padding-left: 22px; background: url('../image/phone.png') no-repeat left;}.last_ul .first { background: none;}.last_ul .sec { background: url('../image/phone.png') no-repeat left;}.last_ul .thi { background: url('../image/email.png') no-repeat left;}.last_ul four { background: url('../image/weixin.png') no-repeat left;}.last_ul .first { padding-left: 0px;}.xian { border-color: #E7E7E7 #E7E7E7 #fff #fff; border-width: 1px 0px 1px 0px; border-style: solid;}.lianjie p span { display: inline-block; font-size: 18px; line-height: 18px; padding-top: 18px; padding-bottom: 38px; font-weight: bold;}.lianjie p a { font-size: 12px; margin-right: 15px;}.bottom { border-top: 1px solid #fff; text-align: center; height: 65px; background: url('../image/dian_b.png');}.bottom p { display: block; color: #9F9F9F; padding-top: 27px;}請(qǐng) “ 點(diǎn)贊” “??評(píng)論” “ 收藏”一鍵三連哦！ 【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識(shí)，互相學(xué)習(xí)」！關(guān)鍵詞：企業(yè),實(shí)例,設(shè)計(jì),基礎(chǔ),學(xué)生
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
