Question

我有一个标题，但我被困在2件事上。

如何正确定位？我想要的是它被定位为标题，底部有一个导航栏，然后在该导航栏中，我想要一个div，我可以滑动，我需要x个标签。
如何使用JavaScript / JQuery左右滑动div？对不起，如果它没有意义。

我的代码是：

 <body>  
     <div class="header">
      <div id="topHeader"> </div>
        <div class="navBar">
        //buttons/text here
        <div id="slider"> </div>
        </div>
     </div>
 </body>

我尝试过使用定位（绝对/相对），但是当我使用navBar相对时它不会停留在底部，但如果我同时使它和滑块绝对，则滑块不会留在导航栏中。还有其他方法可以实现吗？

Answer 1

我无法理解如何使其发挥作用。但是，就在这里。

标头的css是：

.header {
display: block; // for that overall div..
}

然后你有一个顶部标题，这更像是你想要导航栏的顶部标题。好的，你说你想要它作为标题。然后按照它的方式写它！它将用作标题，我的意思是只添加一些边距和填充，以便它与其他对象有一定距离。

#topHeader {
margin: 5px; // overall 5px pixel for all sides.
padding: 2px; // 2 pixel padding..
}

导航栏是带有按钮和文本的导航栏，您将用作其他页面的超链接。对？所以尝试使用这样的东西：

<ul>
  <li>First text</li>
  <li>Second text</li>
  <li>Third text</li>
</ul>

现在，将它们全部显示出来。因为您希望它们排成一行，所以列表项将以一行显示，而不是默认显示在彼此之下。 x标签将是列表中使用的li的数量，它将显示所有按钮或您尝试显示的内容。要做到这一点，CSS是：

li {
display: inline;
}

要删除子弹样式，请使用：

ul {
list-style: none;
}

这样，导航栏将显示在其他网站显示的一行中。

第二个问题：

滑块在鼠标的帮助下滑动，而不是jQuery（开玩笑）。你可以使用滚动条伙伴，jQuery用于滚动或滑动，但隐藏一次滑动。你将能够看到它，但是当它向后滚动它会隐藏，然后离开页面直到你再次滑回它。你可以坚持滚动条滚动或滑动。

这就是全部！

jQuery滑块：

如果你检查slide()你会发现jQuery API，那么任何元素上的任何事件都会导致某个元素中的幻灯片（将向上和向下滑动元素）。

这是一个例子：

$(document).ready(function () {
  $("#slider").click(function () {
    $(".navBar").slideToggle(1000); // the time consumed is 1 sec = 1000 milliseconds.
  }
});

您可以看到，点击带有id="slider"的元素会使元素滑动class="navBar"，幻灯片将消耗1秒的时间。

建议或建议：

我建议您先学习有关您将使用的代码的基础知识。它们可以通过Google，Bing或任何其他搜索引擎轻松搜索到。因为如果你发布的问题你不知道什么会导致你的downvotes。我知道这太荒谬了。因此，当您要使用jquery并且对此一无所知时，请尝试转到Google并撰写此搜索项jquery如果找不到任何内容，请将tutorial附加到{{1}}搜索查询并找到它。最好的教程可以在开发者的网站上找到。就像你可以在jquery.com上学习jQuery和在json.org学习JSON一样。

滑动标题/导航栏

1 个答案: