复制
收藏
提问
全网
<!doctype html> <html> <head> <meta charset="utf-8"> <meta content="火锅餐饮" http-equiv="keywords"> <meta name="description" content="火锅餐饮,wangid"> <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1"> <title>某某餐饮集团</title> <link rel="stylesheet" href="css/index.css" type="text/css"> <link rel="stylesheet" type="text/css" href="css/children.css"> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script> </head> <body> <!-- ie过低提示升级 --> <!--[if lt IE 9]> <style> .upgrade{text-align:center;line-height: 40px; position:fixed; width:100%; height:100%; background:#fff; z-index:9999;} .upgrade h2{margin:100px 0 50px 0;} </style> <div class="upgrade"> <h2>天啦!你的浏览器版本好低,看不到T_T,请升级浏览器再浏览吧^_^Y!</h2> <h3> <p>360浏览器下载:<a target="_blank" href="http://se.360.cn/">http://se.360.cn/</a></p> <p>谷歌浏览器下载:<a target="_blank" href="https://www.google.cn/chrome/">https://www.google.cn/chrome/</a></p> <p>IE浏览器下载:<a target="_blank" href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads">https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads</a></p> </h3> </div> <![endif]--> <!--头部--> <div class="top_bg fix"> <div class="top_main"> <div class="logo"> <img src="images/logo_top.png"> </div> <div class="top_nav"> <h2><img src="images/top_tel.png"><b>加盟热线:</b>13588888888</h2> <ul> <li> <a href="index.html">网站首页</a> </li> <li> <a href="wjtcy.html">某某餐饮</a> <i></i> <dl> <dd><a href="wjtcy.html">抓一把串串火锅</a></dd> <dd><a href="wjtcy.html">某某火锅店</a></dd> <dd><a href="wjtcy_about.html">关于我们</a></dd> </dl> </li> <li> <a href="wjtcy.html">某某食品</a> <i></i> <dl> <dd><a href="wjtcy.html">某某食品</a></dd> <dd><a href="wjtcy_about.html">关于我们</a></dd> </dl> </li> <li> <a href="join.html">招商加盟</a> <i></i> <dl> <dd><a href="join.html">加盟优势</a></dd> <dd><a href="join.html">加盟流程</a></dd> <dd><a href="join.html">加盟支持</a></dd> <dd><a href="join_wd.html">加盟问答</a></dd> </dl> </li> <li><a href="stores.html">门店展示</a></li> <li> <a href="foods.html">菜品展示</a> <i></i> <dl> <dd><a href="foods.html">火锅菜品</a></dd> <dd><a href="foods.html">串串菜品</a></dd> <dd><a href="foods.html">锅底系列</a></dd> </dl> </li> <li><a href="newslist.html">新闻中心</a></li> <li class="cur"><a href="contact.html">联系我们</a></li> </ul> <script type="text/javascript"> $(function(){ $(".top_nav ul li").hover( function(){ $(this).find("dl").stop().fadeToggle(700) } ) }) </script> </div> </div> </div> <!-- 内容框 --> <div class="zy_contentbox"> <!-- banner --> <div class="zy_banner"> <img src="images/zy_banner.jpg"> <div class="zy_title"> <h1>联系我们</h1> <p>风里雨里,某某餐饮无时无刻不在等着你,快点联系我们了解最新加盟资讯吧!</p> </div> </div> <!-- banner end --> <div class="zy_content"> <div class="zy_conbox wid_main"> <div class="zy_contact"> <div class="zy_small_tit"> <h2>联系我们<i></i></h2> </div> <div class="txt"> <div class="map"> <!--引用百度地图API--> <script type="text/javascript" src="other/.com/api?key=&v=1.1&services=true"></script> <!--百度地图容器--> <div id="dituContent" style=" width: 740px; height: 500px;"></div> <script type="text/javascript"> //创建和初始化地图函数: function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 addMarker();//向地图中添加marker } //创建地图函数: function createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new BMap.Point(106.683861,26.572916);//定义一个中心点坐标 map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map;//将map变量存储在全局 } //地图事件设置函数: function setMapEvent(){
4月前
回答简洁
更专业一些
看起来你正在尝试创建一个包含联系我们页面的HTML网站。你的代码中包含了一些基本的HTML结构和CSS样式链接,以及一些JavaScript脚本,用于实现导航菜单的交互效果和百度地图的集成。
不过,我注意到你的代码中有几个问题和潜在的改进点:
- HTML5 Doctype: 你使用的是传统的HTML5 Doctype,这是正确的。
- Meta标签: 你已经设置了字符集和视口的meta标签,这是响应式设计的基础。
- CSS和JS文件链接: 确保CSS和JS文件的路径是正确的,并且文件已经上传到服务器上。
- IE条件注释: 你使用了条件注释来提示IE用户升级浏览器,这是一个好的做法,但请确保
.upgrade
样式和div
在CSS中正确定义。 - 导航菜单的交互: 你使用了jQuery的
hover
事件来显示和隐藏下拉菜单,这是有效的。 - 百度地图API集成: 你的代码中引用了百度地图API,但是API的URL似乎不完整或不正确(
src="other/.com/api?key=&v=1.1&services=true"
),你需要替换为正确的API URL,并且包含你的API密钥。
此外,你的代码中有几个地方使用了某某
作为占位符,你应该将这些替换为实际的文本或链接。
如果你需要帮助完成百度地图的集成或者有其他关于HTML/CSS/JavaScript的问题,请随时提问。我可以帮助你解决具体的问题或者提供代码示例。