如何使文本移动到 JQuery 幻灯片下方

how to make text move below the JQuery slide

本文关键字：幻灯片 JQuery 何使 文本 移动      更新时间：2023-09-26

我正在制作一个 JQuery 切换/滑动类型菜单，并希望当 JQuery 向下滑动时移动下面的文本。

由于我是新手，我的代码可能会很混乱。我提前为此道歉，但它几乎按照我需要的方式工作。

请在此处查看操作中的代码

只需将文本放在自己的div 

<div id="textId">
    <!-- text elements here -->
</div>

然后使用以下 css

#textId {
    float: left;
    position: relative; 
    clear: both;
}

发生这种情况是因为您浮动了两个滑块，将它们从正常的文档流中取出。您可以对其下面的内容执行此操作： 

<article>
    <h2>Lorem Ipsum</h2>
    <h3>Vestibulum tortor quam</h3>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.  </p>
</article>

然后防止它允许使用 CSS 在其周围浮动： 

article{
    clear: both;
}

您在关闭 <ul> 元素时遇到问题，请重新打开它：

这： 

<ul>
    <li>Possession or use of Firearm without Licence Permit</li>
    <li>Unregistered Firearm</li>
    <li>Not keep Firearm Safe</li>
    <li>Discharge Firearm</li>
<ul>

应该是：

<ul>
    <li>Possession or use of Firearm without Licence Permit</li>
    <li>Unregistered Firearm</li>
    <li>Not keep Firearm Safe</li>
    <li>Discharge Firearm</li>
</ul>

然后清除div 浮点数：

这是一个工作示例。

在

菜单下方添加"你身边的内容"。

然后使用以下 css 将一个类添加到div：

clear: both;

编辑：确切地说，在 #sliderrightdiv之后和开始刑事指控元素之前，放置一个 

<div style="clear:both;"></div>
相关文章：