gpt4 book ai didi

jquery - 一些 CSS 问题

转载 作者:行者123 更新时间:2023-11-28 01:40:36 24 4
gpt4 key购买 nike

我正在尝试创建具有页外效果的滑动导航,但是我受困于一些 CSS。

这是 JSFIDDLE:http://jsfiddle.net/jdfmb718/6/

  1. 我的第一个问题是 +(加号按钮)不会与 -(减号按钮)切换,我的 jQuery 正在运行我确信这是一个 CSS/HTML 问题。

  2. (+) 加号按钮未正确放置在链接上。它应该在 PORTFOLIO 和 ABOUT US 链接上。虽然我的 HTML 是正确的,但这不会正确显示。查看我的标记:

    菜单

                <ul id="toggle">
    <li>
    <div class="active">
    <span class=
    "menu-icons home menu-icons fa fa-home"></span>
    <a href="#">HOME</a>
    </div>
    </li>

    <li>
    <div>
    <span class="menu-icons about fa fa-user"></span>
    <a href="#">ABOUT US</a> <span class=
    "the-btn fa fa-plus"></span>

    <ul>
    <li>
    <a href="#">OUR TEAM</a>
    </li>

    <li>
    <a href="#">OUR SERVICES</a>
    </li>
    </ul>
    </div>
    </li>

    <li>
    <div>
    <span class=
    "menu-icons portfolio fa fa-briefcase"></span>
    <a href="#">PORTFOLIO</a><span class=
    "the-btn fa fa-plus"></span>
    </div>

    <ul>
    <li>
    <a href="#">WEB DESIGN</a>
    </li>

    <li>
    <a href="#">GRAPHIC DESIGN</a>
    </li>
    </ul>
    </li>

    <li>
    <div>
    <span class=
    "menu-icons contact fa fa-envelope"></span>
    <a href="#">CONTACT</a>
    </div>
    </li>
    </ul>
    </div><a class="toggle-nav fa fa-bars" href="#" id="bars" style=
    "font-style: italic"></a>

    <h1>TESTING Navigation</h1>
    </div><!-- #site-canvas -->
    </div><!-- #site-wrapper> -->
  3. 我正在努力访问子无序列表我想将它向左移动一点并在其上放置一些列表样式:圆圈但是由于某种原因我无法定位它

  4. 文件夹

        <ul>
    <li>
    <a href="#">WEB DESIGN</a>
    </li>

    <li>
    <a href="#">GRAPHIC DESIGN</a>
    </li>
    </ul>
    </li>

我希望它是这样的:

enter image description here

你介意帮我处理 JSFIDDLE 代码吗?

最佳答案

      <li>
<a href="#">WEB DESIGN</a>
</li>
<li>
<a href="#">GRAPHIC DESIGN</a>
</li>

Change to:
<li style="margin-left:62px">
<a href="#">WEB DESIGN</a>
</li>
<li style="margin-left:62px">
<a href="#">GRAPHIC DESIGN</a>
<li>

关于jquery - 一些 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26381028/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com