<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                ## 首頁文件框架 ![](http://h.yiniuedu.com/2f84fed87c32a072a618bdace337a44c) 首頁頁面為網站入口頁面,只有通過網址打開方可使用系統,所有用戶打開網站之后都可以看到環境保護網站的首頁頁面。 首頁頁面地址:index.html。 該頁面整體布局分為上中下,上面為導航菜單和圖片。中間為內容區,下面為頁腳區,顯示聯系郵箱、聯系地址,聯系QQ,聯系電話,以及聯系我們,版權所有、ICP備案、資源活動、法律聲明和環保方案。 中間內容區:服務介紹(垃圾分類、植樹造林和污水處理)、數據列表項、關于我們和志愿活動,要求每部分都要有圖片和文字說明。 服務介紹:垃圾分類、植樹造林和污水處理。 垃圾分類:四張圖片和對應文字解釋。 植樹造林:四張圖片和對應文字解釋。 污水處理:四張圖片和對應文字解釋。 數據列表項:展示垃圾分類改造發現次數、涉足新興市場數量、突破性發現數量、改造回放數量。 關于我們:圖片、標題、內容摘要、了解更多。 志愿活動:三張圖、文字描述、簡要介紹過長后用三個“…”替換。 通過導航菜單,可以從首頁點擊其它頁面,如:空氣凈化、園林景觀、服務簡要、動態新聞和聯系我們等頁面。 ## 一、首頁界面設計效果圖 ![](http://h.yiniuedu.com/86b2daba220fb1f906ceabe7d9b9417a) ## 二、首頁界面布局 ### 1.頭部引入文件 ![](http://h.yiniuedu.com/9f66eacebba4e4bf4176472866bb0561) ### 2.輪播圖效果實現 ![](http://h.yiniuedu.com/41f58164e985a8764416889ce0ab0496) ### 3.《服務介紹》內容區效果實現 ![](http://h.yiniuedu.com/04d0569bce0eba7f1f9300787e2b5983) ### 4.《數據統計》內容區效果實現 ![](http://h.yiniuedu.com/42753189e03834f9db2a0d249ae5deb3) ### 5.《關于我們》內容區效果實現 ![](http://h.yiniuedu.com/7906be31b1c8c1dcf679ff1f5aca2424) ### 6.《志愿活動》內容區效果實現 ![](http://h.yiniuedu.com/838f20519cf0e42d3449abdce4be62c1) ### 7.頁腳效果實現 ![](http://h.yiniuedu.com/dd936cae9980bc044c265efb037aa336) ### 8.引入js腳本文件 ![](http://h.yiniuedu.com/f2a1def3140ad273c2d551196838f431) ## 三、CSS樣式實現 ### 1.index.css——頭部導航CSS樣式 ![](http://h.yiniuedu.com/ceb6711057e3c70c7df170c09d50c227) ### 2.回到頂部CSS樣式 ![](http://h.yiniuedu.com/2b5e9f643677d2d2aa8347b4c9c8d974) ### 3.index.css——輪播圖CSS樣式 ![](http://h.yiniuedu.com/a0fd834ce2847cc5d60fe033703f386f) ### 4.index.css——服務介紹選項卡CSS樣式 ![](http://h.yiniuedu.com/66817b7a9a24e1899409a11bb1719883) ### 5.index.css——數據列表CSS樣式 ![](http://h.yiniuedu.com/7f02ca88d0dcf16458a5d88ae24284f9) ### 6.index.css——關于我們CSS樣式 ![](http://h.yiniuedu.com/cce0c19586f7b0a60a3c1ad1abfdbe06) ![](http://h.yiniuedu.com/694b7e7911dd60871063c008e0a7d65d) ### 7.index.css——志愿活動CSS樣式 ![](http://h.yiniuedu.com/6b773a9a15b09644590ba5834c1fe586) ### 8.common.css——通用樣式設置 ### 9.導航標題樣式 ![](http://h.yiniuedu.com/7fe64989806f44c0f66d4abf4531f015) ### 10.導航下面的圖片樣式和底部樣式 ![](http://h.yiniuedu.com/d69024e8a3520bcdcdf3e813292bebac) ### 11.reset.css——樣式設置 ![](http://h.yiniuedu.com/1c21c196ca7a802728ad0e8cc357f760) ## 四、JS腳本實現 ### 1.get-dom.js——元素獲取js腳本實現 ![](http://h.yiniuedu.com/39c7ae0fbc0b1c2058478f05c90c7386) ### 2.to-top.js——回到頂部js腳本實現 ![](http://h.yiniuedu.com/a73f9041c3cd6f92db5e6495e9138eae) ### 3.index.js——圖片輪播和服務介紹選項卡功能js腳本實現 ![](http://h.yiniuedu.com/dcd6cc25cfdee846c0543f2b2d722e9f)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看