時間：2022-08-03 12:33:01 | 來源：網(wǎng)站運營
時間：2022-08-03 12:33:01 來源：網(wǎng)站運營
常見網(wǎng)頁設(shè)計作業(yè)題材有作者主頁-更多源碼個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計題目,A+水平作業(yè), 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
在線咨詢
1.網(wǎng)頁作品簡介 ：HTML期末大學生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。3.網(wǎng)頁作品技術(shù)：Div+CSS、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Keywords" content="關(guān)鍵詞123"> <meta name="Description" content="描述"> <link rel="shortcut icon" href="/picture/1.ico" /> <link rel="stylesheet" type="text/css" href="public/css/base.css"> <!-- 引入base.css --> <link rel="stylesheet" type="text/css" href="css/shortcut.css"> <!-- 頭部導航 --> <link rel="stylesheet" type="text/css" href="css/header.css"> <!-- 頭部搜索欄 --> <link rel="stylesheet" type="text/css" href="./css/navjd.css" /> <!-- 文字導航，輪播圖 --> <link rel="stylesheet" type="text/css" href="./css/tab.css" /> <!-- 選項卡 --> <script src="public/js/jquery-3.1.1.js"></script> <title>京東(JD.COM)綜合網(wǎng)購首選</title> <style type="text/css"> </style></head><body> <div id="shortcut"> <div class="w"> <ul class="fl"> <!-- 所在城市區(qū)塊 --> <li class="dropdown" id="ttbar-mycity"> <div class="dt cw-icon"> <i class="iconfont"></i> <span>北京</span> </div> <!-- 所在城市區(qū)塊下拉菜單 --> <div class="dd dropdown-layer"> <div class="item"><a class="selected" href="">北京</a></div> <div class="item"><a href="">上海</a></div> <div class="item"><a href="">天津</a></div> <div class="item"><a href="">重慶</a></div> <div class="item"><a href="">河北</a></div> <div class="item"><a href="">山西</a></div> <div class="item"><a href="">河南</a></div> <div class="item"><a href="">遼寧</a></div> <div class="item"><a href="">吉林</a></div> <div class="item"><a href="">黑龍江</a></div> <div class="item"><a href="">內(nèi)蒙古</a></div> <div class="item"><a href="">江蘇</a></div> <div class="item"><a href="">山東</a></div> <div class="item"><a href="">安徽</a></div> <div class="item"><a href="">浙江</a></div> <div class="item"><a href="">福建</a></div> <div class="item"><a href="">湖北</a></div> <div class="item"><a href="">湖南</a></div> <div class="item"><a href="">廣東</a></div> <div class="item"><a href="">廣西</a></div> <div class="item"><a href="">江西</a></div> <div class="item"><a href="">四川</a></div> <div class="item"><a href="">海南</a></div> <div class="item"><a href="">貴州</a></div> <div class="item"><a href="">云南</a></div> <div class="item"><a href="">西藏</a></div> <div class="item"><a href="">陜西</a></div> <div class="item"><a href="">甘肅</a></div> <div class="item"><a href="">青海</a></div> <div class="item"><a href="">寧夏</a></div> <div class="item"><a href="">新疆</a></div> <div class="item"><a href="">港澳</a></div> <div class="item"><a href="">臺灣</a></div> <div class="item"><a href="">釣魚島</a></div> <div class="item"><a href="">海外</a></div> </div> </li> </ul> <!-- 導航欄右側(cè) --> <ul class="fr"> <li id="ttbar-login"> <a href="" class="link-login">您好 , 請登錄 </a> <a href="" class="link-regist">免費注冊</a> </li> <li class="spacer"></li> <li> <div class="dt"><a href="">我的訂單</a></div> </li> <li class="spacer"></li> <li id="ttbar-myjd" class="dropdown"> <div class="dt cw-icon"> <a href="">我的京東</a> <i class="iconfont"></i> <!-- 我的京東下拉菜單 開始--> <div class="dd dropdown-layer"> <div class="userinfo"> <div class="u-pic"> <a href=""> <img src="picture/shortcut/user.jpg" alt="" width="60px" height="60px"> </a> </div> <div class="u-name u-login"> <a href="">你好，請登錄</a> </div> <div class="u-extra"> <a href="">優(yōu)惠券<span></span></a> | <a href="">消息<span></span></a> </div> </div> <!-- userinfo end --> <div class="otherlist"> <div class="fore1"> <div class="item"><a href="">待處理訂單<span></span></a></div> <div class="item"><a href="">我的問答<span></span></a></div> <div class="item"><a href="">降價商品<span></span></a></div> <div class="item"><a href="">返修退換貨<span></span></a></div> </div> <div class="fore2"> <div class="item"><a href="">我的關(guān)注<span></span></a></div> <div class="item"><a href="">我的京豆<span></span></a></div> <div class="item"><a href="">我的理財<span></span></a></div> <div class="item"><a href="">京東白條<span></span></a></div> </div> </div> <!-- otherlist結(jié)束 --> </div> <!-- dd end 下拉菜單結(jié)束 --> </div> <!-- dt end控制左右邊距 結(jié)束--> </li> <li class="spacer"></li> <li> <div class="dt"><a href="">京東會員</a></div> </li> <li class="spacer"></li> <li> <div class="dt"><a href="">企業(yè)采購</a></div> </li> <li class="spacer"></li> <li id="ttbar-serv" class="dropdown"> <div class="dt cw-icon"> <a href="">客戶服務</a> <i class="iconfont"></i> <div class="dd dropdown-layer"> <div class="item-client">客戶</div> <div class="item"><a href="">幫助中心</a></div> <div class="item"><a href="">售后服務</a></div> <div class="item"><a href="">在線客服</a></div> <div class="item"><a href="">電話客服</a></div> <div class="item"><a href="">意見建議</a></div> <div class="item"><a href="">客服郵箱</a></div> <div class="item fn-clear"><a href="">金融咨詢</a></div> <div class="item-business">商戶</div> <div class="item"><a href="">京東商學院</a></div> <div class="item"><a href="">商家入駐</a></div> </div> </div> </li> <li class="spacer"></li> <li class="dropdown" id="ttbar-navs"> <div class="dt cw-icon"> <a href="">網(wǎng)站導航</a> <i class="iconfont"></i> <div class="dd dropdown-layer"> <dl class="fore1"> <dt>特色主題</dt> <dd> <div class="item"><a href="">品牌街</a></div> <div class="item"><a href="">好物100</a></div> <div class="item"><a href="">京東預售</a></div> <div class="item"><a href="">尖er貨</a></div> <div class="item"><a href="">京東首發(fā)</a></div> <div class="item"><a href="">今日團購</a></div> <div class="item"><a href="">優(yōu)惠券</a></div> <div class="item"><a href="">閃購</a></div> <div class="item"><a href="">京東會員</a></div> </ul> </div> <!-- 粗略寫整體頁面結(jié)束 --> <script src="js/shortcut.js"></script> <script src="public/js/banner.js"></script> <script type="text/javascript"> //*****************左側(cè)導航***************// var cate = $(".cate"); var num = $(".cate .cate_menu li").length; var oleftli = $(".cate .cate_menu li"); //顯示區(qū)塊 var ofloatli = $(".navfloat ul li"); //隱藏區(qū)塊 bannerplay(cate, ofloatli, oleftli, 15, false, 1); //***************中間輪播圖************// var slider_main = $(".slider_main"); var picli = $(".slider_main .picban li"); var lilen = picli.length; var leftbtn = $(".slider_main .left"); var rightbtn = $(".slider_main .right"); for (var i = 1; i <= lilen; i++) { //創(chuàng)建圖片個數(shù)相對應的底部數(shù)字個數(shù) var li = "<li>" + i + "</li>"; //創(chuàng)建li標簽，并插入到頁面中 $(".slider_main .num_btn").append(li); } var numli = $(".slider_main .num_btn li") bannerplay(slider_main, picli, numli, lilen, true, 0, leftbtn, rightbtn); //右側(cè)選項卡 bannerplay($(".mod_tab_head"), $(".mod_tab_content_item"), $(".mod_tab_head_item"), 2, false, 2); //*****************左側(cè)樓梯導航*******************// $(".lift ul li").click(function() { //alert("dianji "); var index = $(this).index(); //讓滾動條移動到對應頁面位置 var topslide = $(".floor").eq(index).offset().top; $("html,body").animate({ "scrollTop": topslide }, 1000); }) //滾動條事件 $(window).scroll(function() { var topslide = $(window).scrollTop(); $(".floor").each(function(i) { if (topslide >= $(this).offset().top) { $(".lift ul li").eq(i).addClass("active").siblings().removeClass("active"); } }) //顯示樓梯導航 if (topslide > 1600) { $(".lift").show(); } else { $(".lift").hide(); } //顯示搜索欄 if (topslide > 660) { $("#search").addClass("search-fix"); } else { $("#search").removeClass("search-fix"); } }) // $(document).mousemove(function(e){ //顯示鼠標位置 // console.log("X: " + e.pageX + ", Y: " + e.pageY);}); </script></body></html>web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學習資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 【百度網(wǎng)盤-源碼下載地址】HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載! 關(guān)鍵詞：大學,作業(yè),設(shè)計
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
