下一个/上一个箭头1pg。水平滑动网站?

时间:2014-06-17 18:29:10

标签: javascript jquery html css

我已经看到了许多与此相似的问题,但它们似乎都没有帮助我正在使用的这个特定代码。如果有人认为他们可以提供帮助,我绝对需要PROs帮助。非常感谢......

我有一个简单的水平滑动网站。页面顶部的链接工作正常,并滚动到正确的页面。但是,我要做的是在页面上添加一个Next和Previous箭头,以便人们可以使用这些页面连续滚动页面。但那就是所有讨厌的开始。

我已经在这里发布了一些代码,但是为了让任何人都能帮助您更轻松,您可以在这里查看整个内容(以基本形式)...... http://jsfiddle.net/Versitek/uZ2h8/17/

我怀疑问题很可能在于箭头代码......

<div id="prev-arrow"><a href="javascript: $('#banner a').trigger('click');"><FONT size="7"><STRONG>&laquo;</STRONG></FONT></a></div>

<div id="next-arrow"><a href="javascript: $('#banner a').trigger('click');"><FONT size="7"><STRONG>&raquo;</STRONG></FONT></a></div>

...或者应该控制它的javascript ......

$(function () {
    $("#banner").cycle({
        fx: 'fade',
        width: '100%',
        fit: 1,
        prevNextEvent: 'click.cycle',
        speed: 800,
        timeout: 10000,
        prev: '#prev-arrow',
        next: '#next-arrow',
        cleartypeNoBg: true
    });
});

在查看我的代码时,请尽量不要笑得太厉害。令人痛苦的是,我不知道我在这里做什么。我希望它只是一些我能忽视的小东西,但我很有可能只是一个白痴。请帮助。

1 个答案:

答案 0 :(得分:0)

我为使你的循环项目工作所做的事情:

  1. 剥离菜单以便于工作,因为您已经知道如何做到这一点。
  2. 将循环插件文件添加到小提琴
  3. 在面板元素周围写了一个“panel”容器
  4. 使用'panels'容器调用循环函数。
  5. 自从我删除了菜单后,
  6. 改变了css
  7. fiddle

    .