Javascript 轻松标签插件，始终滚动到顶部_Javascript_Jquery_Html_Css

Javascript 轻松标签插件，始终滚动到顶部

javascript jquery html css

Javascript 轻松标签插件，始终滚动到顶部,javascript,jquery,html,css,Javascript,Jquery,Html,Css,您好，我正在为我的网站使用Jquery EasyTabs插件，请按照在线指南操作。它似乎工作得很好；但是，当我单击每个选项卡时，它总是以类似于“#tap1”的方式进入顶部，而不是按其名称。我还检查了它所需的js、css和jquery文件的include路径，它们已经正确了。下面是它所需的js和css文件 <script type='text/javascript' src='style/jquery.js'></script> <script src="style

您好，我正在为我的网站使用Jquery EasyTabs插件，请按照在线指南操作。它似乎工作得很好；但是，当我单击每个选项卡时，它总是以类似于“#tap1”的方式进入顶部，而不是按其名称。我还检查了它所需的js、css和jquery文件的include路径，它们已经正确了。下面是它所需的js和css文件

<script type='text/javascript' src='style/jquery.js'></script>
<script src="style/jquery.hashchange.js" type="text/javascript"></script>
<script src="style/jquery.easytabs.js" type="text/javascript"></script>
<link href="style/tabs.css" rel="stylesheet" type="text/css">

这些是我的标签HTML

        <!-- TABS -->
<div id='e-tabs' style='width:720px;height:auto;float:left;'>
            <div id="tab-container" class="tab-container">
          <ul class='etabs'>
            <li class='tab'><a href="#tabs1-html">Fatures</a></li>
            <li class='tab'><a href="#tabs1-js">Most Recent</a></li>
            <li class='tab'><a href="#tabs1-css">Most Popular</a></li>
          </ul>
          <div id="tabs1-html">
<!--            <h2>HTML Markup for these tabs</h2> -->
                <!-- content -->
                <div id='space'></div>
                    <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
          </div>
          <div id="tabs1-js">
        <!--        <h2>JS for these tabs</h2> -->
                <!-- content -->

                    <div id='space'></div>
                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>


          </div>
          <div id="tabs1-css">
        <!--    <h2>CSS Styles for these tabs</h2> -->
            <!-- content -->
            <div id='space'></div>
                <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
                                        <div id='ads'>
                    <img src='ads-image\1.jpg'>
                    <div id='ads-title'><h4>Car for Sale</h4></div>
                    <div id='ads-price'><p>500$</p></div>
                    </div>
          </div>
        </div>
</div>
        <!-- TABS -->







待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$
待售汽车
五百$