使用jquery缓动插件导航无法正常工作

时间:2012-03-15 07:08:42

标签: jquery html css

我的代码中出现了一个奇怪的错误。我使用jquery滑动插件使用侧滚动html模板。我没有编写代码。我不熟悉更深层次的jquery,但我可以使用模板模拟一个网站。我在学习。我想知道为什么当我点击Fire Code时我的主页按钮不起作用,并且不允许我导航回我的Home Posiiton。让我烦恼的是,如果我点击城市按钮并进入第三个位置,那么我可以回到原来的位置。只是在第二个位置导致我无法回到原来的位置,我不知道为什么。

有问题的网站位于http://lightsandfire.com,相应的CSS代码如下所示。

   ul.vert-one{
        position: fixed;
        top: 5px;
        left: 5px;
        margin:0;
        padding:0;
        list-style-type:none;
        display:block;
        font:bold 16px Helvetica, Verdana, Arial, sans-serif;
        line-height:165%;
        width:200px;
    }

    ul.vert-one li{
        margin:0;
        padding:0;
        margin-top: 2px;
        border-top:1px solid #4D0000;
        border-bottom:1px solid #761A1A;

        }

    ul.vert-one li a{
        display:block;
        text-decoration:none;
    color:#fff;
    background:#600;
    padding:0 0 0 20px;
    width:180px;
    }

ul.vert-one li a:hover{
    background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;
    }

ul.vert-one li a.current,ul.vert-one li a.current:hover{
    background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;
    }

如果你能帮助我找出问题,我会非常感激。

1 个答案:

答案 0 :(得分:0)

由于h1标签非常大,所以它与主页按钮重叠。

添加:

h1 {
    font-family: 'Revalia', cursive;
    position: relative;
    left: 250px;
    color: #E600E6; 
    width: 500px; /* This is the new line */
}