小编Mic*_*ael的帖子

使底部边框更接近文本

我想强调我的导航菜单,但问题是我需要它更厚,所以我使用底部边框,以便我可以将宽度设置为6px.

我似乎可以弄清楚如何使边框看起来更接近文本.目前文本和底部边界之间似乎有10px的差距,我不希望有任何差距.

我试图定位另一个div并将其相对于每个{li}与{bottom:10px}相对应,但我似乎无法让它工作.

这就是我所拥有的

    <div id="menu">
    <ul>
        <li><a href="#home">home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

#menu {
position: fixed;
left: 25%;
clear: both;
float: left;
font-size: 80px;
z-index: 500;
filter: alpha(opacity=75);
opacity: .75;
}

#menu ul{
text-decoration: none;
list-style-type: none;
margin: 0;
padding: 0;
line-height: 90px;
}

#menu ul li{
text-decoration: none;
list-style-type: none;
margin: 0;
}

#menu ul li a{
border-bottom: 6px solid #000;
text-decoration: none;
list-style-type: none;
color: #000;
}

#menu ul li a:hover{
}
Run Code Online (Sandbox Code Playgroud)

css border margin

18
推荐指数
2
解决办法
4万
查看次数

使用Json将标记添加到Google Maps | API

我正在尝试使用来自Json Response的数据在Google地图上绘制标记.我已经搜索了Stack Overflow一整天的答案,但是没有设法找到一个对我有用的解决方案.

我猜这与我提取Lat&Lng的方式有关,但是我不能把手指放在它上面.下面是我的代码和Json,Json来自API.

我的代码中的错误在哪里?

脚本

<script>   
  function initialize() {
              var myOptions = {
                  zoom: 4,
                  center: new google.maps.LatLng(34.397, 150.644),
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              };

              map = new google.maps.Map(document.getElementById("map"), myOptions);
              };

  function getLocations() {

      $.getJSON("URL", function (json) {

          $.each(json["resultsPage"]["results"]["event"], function(i, entry){
              addMarker(entry.location.lat,entry.location.lng);
          });
      });
  }

  function addMarker(lat,lng) {
          marker = new google.maps.Marker({
          position: new google.maps.LatLng(lat,lng),
          map: map,
          });
          markersArray.push(marker);
  }
  </script>
Run Code Online (Sandbox Code Playgroud)

Json回复

通过使用以下代码告知请求Json数据.如果我在最后留下问号,当我通过http://jsonlint.com运行它时会得到一条无效的消息,因为在Json的开头有一个问号.拿出来似乎解决了这个问题,但我不是百分之百确定这是好的吗?

    $.getJSON("http://api.songkick.com/api/3.0/events.json?location=clientip&apikey={your_api_key}&jsoncallback=?",
    function(data){
    // data is JSON response object
    });
Run Code Online (Sandbox Code Playgroud)

如果我在最后留下问号,当我通过http://jsonlint.com运行它时会得到一条无效的消息,因为在Json的开头有一个问号.拿出来似乎解决了这个问题,但我不是百分之百确定这是好的吗?

当我在调试器中查看代码时,我得到"SyntaxError:Unexpected token':'",但是这个响应来自API,所以我不确定我能做些什么呢?

    {
    "resultsPage": { …
Run Code Online (Sandbox Code Playgroud)

javascript json google-maps getjson google-maps-api-3

6
推荐指数
1
解决办法
1万
查看次数