Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我需要什么Javascript、Jquery和css代码才能有这样的侧栏?_Javascript_Jquery_Html_Css_Fullpage.js - Fatal编程技术网

我需要什么Javascript、Jquery和css代码才能有这样的侧栏?

我需要什么Javascript、Jquery和css代码才能有这样的侧栏?,javascript,jquery,html,css,fullpage.js,Javascript,Jquery,Html,Css,Fullpage.js,我想从这个网站创建侧边栏,但我很难弄清楚。你们能帮我创建侧边栏的位置/颜色和动画吗。html代码就在那里,而不是动画部分。提前谢谢 <html> <body> <div class="tab"> <ul class="tabs"> <li><a href="#">About</a></li> <li><

我想从这个网站创建侧边栏,但我很难弄清楚。你们能帮我创建侧边栏的位置/颜色和动画吗。html代码就在那里,而不是动画部分。提前谢谢

<html>
   <body>
      <div class="tab">
         <ul class="tabs">
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>
         </ul>
         <div class="tab_content">
            <div class="tabs_item active_tab_content">
               <ul class="tabs-fade">
                  <li><h3>
                  Creative <br>
                  Passionate <br>
                  Focused
                  </h3></li>
                  <li><p>
                  Currently I'm a freelance designer and web developer, who works with a variety of clients and on many diverse projects.
                  </p></li>
                  <li><p class="menu_body_copy">
                  I work to create innovative solutions that inspire, and foster memorable relationships between brands and their clients. With a focus on branding and UI / Web, I strive to create usable and polished products through passionate and deliberate design.
                  </p></li>
                  <li><h4 class="resume"><a target="_blank" href="assets/img/alex-coven_resume.pdf">VIEW RESUME</a>
                  </h4></li>
               </ul>
            </div>
            <div class="tabs_item services">
               <h4>
               My Wheel House
               </h4>
               <div class="flex-row">
                  <div class="half">
                     <p> Branding & Logo <br> Interface Design <br> Web Development <br> Craft CMS <br> Wordpress <br> </p>
                  </div>
                  <div class="half">
                     <p> Hand Lettering <br> Art Direction <br> Illustration <br> Asset Animation <br> Project Managment <br> </p>
                  </div>
               </div>
               <h4>Experience & Clients</h4>
               <div class="flex-row">
                  <div class="half">
                     <p> <a target="_blank" href="https://upshot.agency">Upshot Agency</a> <br> <a target="_blank" href="http://www.other-studio.com">OTHER STUDIO</a> <br> <a target="_blank" href="http://www.pivotdesign.com">Pivotdesign</a> <br> <a target="_blank" href="http://www.what2design.com">What2Design</a> <br> </p>
                  </div>
                  <div class="half">
                     <p> <a target="_blank" href="http://www.wcst.com/">WCST</a> <br> <a target="_blank" href="http://www.tazo.com">Tazo Tea</a> <br> <a target="_blank" href="http://www.uber.com">Uber</a><br> <a target="_blank" href="http://www.capacitr.com">Capacitr</a> <br> </p>
                  </div>
               </div>
            </div>
            <div class="tabs_item tabs_contact">
               <h3>
               Let's Build <br>
               Something <br>
               Together <br>
               </h3>

               <h4>Get in touch</h4>
                  <p class="contact"> <a target="_blank" href="mailto:Yo?subject=Let's work together">email</a> <br>
                     <a target="_blank" href="tel:12345678">12345678</a> <br>
                     <a target="_blank" href="https://www.google.com/maps/place/Chicago,+IL/@41.8333925,-88.0123393,10z/data=!3m1!4b1!4m5!3m4!1s0x880e2c3cd0f4cbed:0xafe0a6ad09c0c000!8m2!3d41.8781136!4d-87.6297982">Chicago, IL</a>
—
                     <a target="_blank" href="https://www.google.com/maps/place/Cleveland,+OH/@41.8333925,-88.0123393,10z/data=!3m1!4b1!4m5!3m4!1s0x880e2c3cd0f4cbed:0xafe0a6ad09c0c000!8m2!3d41.8781136!4d-87.6297982">Indianapolis, IN</a><br></p>
                     <div class="contact-image-container">
                        <div class="contact-image" style="background-image: url(www.google.com)">
                        </div>
                     </div>
                  </div>
               </div>
            </div>    
         </body>
</html>

我不知道如何格式化侧边栏,使其包含侧边栏中的内容。我有下面包含的HTML代码。请看我提供的链接,看看我想提供的侧边栏示例。动画似乎是Alvaro Trigo创建的JS插件的一部分,该插件可能是进一步定制的

这是通过查看HTML中加载的JavaScript文件发现的