整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          [親測可用]在線網址導航在線工具箱源碼-HTML源碼

          壓縮包上傳解壓到服務器根目錄,入口文件是index.html

          本網站的HTML模板資源:所見文章圖片即所得,搭建和修改教程請看這篇文章:https://yizhi2024.top/8017.html

          HTML模板修改教程

          一般是在index.htm內修改,搜索頁面關鍵詞來查看代碼所在位置

          也可以使用HBuilderX來搜索:把壓縮包解壓,得到文件夾,拖動HBuilderX軟件,執行CTRL+F,輸入關鍵字眼,會自動搜索文件夾內的所有內容

          家好,今天給大家介紹一款,css+JavaScript實現的二級導航菜單html頁面前端源碼(圖1)。送給大家哦,獲取方式在本文末尾。

          圖1

          點擊左側菜單欄即可彈出二級菜單(圖2)

          圖2

          源碼完整,需要的朋友可以下載學習(圖3)

          圖3

          本源碼編碼:20225,需要的朋友,訪問下面鏈接后,搜索20225,即可獲取。

          「鏈接」

          果圖

          各位長友大家早上好!

          今天給大家帶來的是 中國地圖導航特效源碼!

          適合各種地圖介紹導航!

          大家可以按照自己的意愿進行修改!

          有想要文件版源碼的朋友 可以在以往的文章中找到我的聯系

          廢話不多說,上源碼!

          CSS:

          *{margin:0;padding:0;list-style-type:none;}

          a,img{border:0;}

          body{font:12px/180% Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}

          /* b_map */

          .b_map{ margin-top:20px;padding-right:20px;width:704px;background:url(../img/chinamap.jpg) no-repeat 0px 0px;height:549px}

          .e_map_tags{z-index:1;position:relative}

          .e_map_tags li{width:90px;height:25px;z-index:1;position:absolute;text-align:center;padding-bottom:8px;display:block;font:bold 14px/25px simsun, arial, sans-serif;background:url(../img/map_tag1.png) no-repeat 0px 0px;color:#fff;top:0px;cursor:pointer;left:0px}

          .e_map_tags .m_beijing{top: 371px;left: 316px;}

          .e_map_tags .m_shanghai{top: 370px;

          left: 589px;}

          .e_map_tags .m_guangzhou{background:url(../img/map_tag2.png) no-repeat 0px 0px;top:314px;left:293px}

          .e_map_tags .m_chengdu{top:230px;left:223px}

          .e_map_tags .m_xian{top:190px;left:290px}

          .e_map_tags .m_xianggang{top:320px;left:345px}

          .e_map_tags .m_hangzhou{background:url(../img/map_tag2.png) no-repeat 0px 0px;top: 467px;

          left: 415px;}

          .e_map_tags li:hover{background-position:0px -38px}

          .e_map_tags li.hover,.e_map_tags .centers{background-position:0px -38px}

          .e_map_info{z-index:2;position:relative}

          .e_map_info .m_content{z-index:1;border:#ccc 1px solid;position:absolute;padding:15px 20px;background-color:#fff;width:280px;display:block;top:0px;left:0px}

          .e_map_info .hide{display:none;}

          .e_map_info .m_content i{z-index:1;position:absolute;width:8px;bottom:-8px;display:block;background:url(../img/map_idx1.png) no-repeat 0px 0px;height:8px;overflow:hidden;right:-1px;_right:-2px}

          .e_map_info .m_content h4{padding-left:180px;font:16px/33px "microsoft yahei", simsun, arial, sans-serif;margin-bottom:18px;background:url(../img/map_qunar.jpg) no-repeat 0px 0px;height:50px;}

          .e_map_info .m_content p{font:14px/22px simsun, arial, sans-serif}

          .e_map_info .m_beijing{top: 83px;left: 748px;}

          .e_map_info .m_shanghai{top: 83px;

          left: 748px;}

          .e_map_info .m_guangzhou{top:176px;left:-58px}

          .e_map_info .m_chengdu{top:92px;left:-127px}

          .e_map_info .m_xian{top:74px;left:-60px}

          .e_map_info .m_xianggang{top:204px;left:-4px}

          .e_map_info .m_hangzhou{top: 83px;

          left: 748px;}

          /*m_content_side*/

          .m_content_side{ height:1px;width:100%; position:relative;}

          .m_content_side a{ position:absolute;top:0; z-index:2;float:left;width:30px; height:30px;}

          .m_content_side a img{width:30px; height:30px;}

          .m_content_side a.m_left{left:0px;}

          .m_content_side a.m_right{right:0;}


          主站蜘蛛池模板: 动漫精品专区一区二区三区不卡| 国产精品久久久久一区二区| 亚洲一区爱区精品无码| 日韩精品一区二区亚洲AV观看| 国产一区二区在线视频播放| 国产手机精品一区二区| 无码精品国产一区二区三区免费 | 中文字幕aⅴ人妻一区二区| 国产麻豆精品一区二区三区| 日韩中文字幕精品免费一区| 香蕉免费一区二区三区 | 国产精品视频分类一区| 久久精品国产免费一区| 国产剧情国产精品一区| 亚洲乱码一区二区三区在线观看 | 国模无码一区二区三区| 无码人妻精品一区二区三区蜜桃| 日韩电影一区二区| 国产自产V一区二区三区C| 久久精品无码一区二区app| 久久国产精品免费一区| 精品国产一区二区三区AV性色| 国产精品福利区一区二区三区四区 | 国产一区玩具在线观看| 精品人妻少妇一区二区三区不卡 | 国产在线观看一区二区三区四区 | 国产伦一区二区三区免费| 麻豆AV天堂一区二区香蕉| 无码中文人妻在线一区二区三区 | 夜色阁亚洲一区二区三区| 国产一区二区三区播放| 国产在线精品一区二区在线看| 精品国产日韩亚洲一区在线| 国产成人精品无码一区二区老年人 | 国产99精品一区二区三区免费| 一区五十路在线中出| 精品国产一区二区三区免费| 日韩精品无码一区二区中文字幕 | 中文字幕色AV一区二区三区| 国精产品一区一区三区免费视频 | 日本免费精品一区二区三区|