支持从右到左的 jQuery 选取框(来自无序列表)

Question

我一直在寻找 jQuery marquee，虽然听起来很简单，但我找不到任何适合我需要的工作代码。

我的要求是:

1. 它必须支持方向(特别是从右到左)。
2. 它必须支持使用无序列表作为源，而不是单个字符串。
3. 它应该看起来像经典的字幕。

<罢工>经过搜索，我只找到了一些有点符合我的要求，但都有严重缺陷。

第一个是liScroll虽然看起来不错，但缺乏方向支持。默认情况下它只是从左到右，并且没有选项可以更改它。尽管我尝试更改代码以支持从右到左，可惜我失败了。

我还尝试了Giva Labs Marquee Plugin，但据我所知，它也不支持方向。

最后一个是 [jQuery WebTicker][2]，虽然乍一看它似乎很完美，但结果却有一个奇怪的错误/行为。当每个项目很短时它工作正常，但在我的情况下，每个项目本身都是一个相当长的字符串，在这种情况下它的行为不稳定。当每个项目结束时，它不是在其尾部平滑地显示下一个项目，而是显示大量空白空间，并且项目感觉它们在跳跃而不是滚动/滑动。

我意识到很多人总体上不喜欢帐篷，但我向你保证，我这样做并不是出于选择。所以请耐心等待。

提前致谢。

编辑:我已经设法得到 simpleScroll (感谢 Ceryl Wiltink)大部分时间都在工作，但我遇到了一个小问题。我使用“方向:向后”，这意味着文本从左向右滚动，但问题是文本从最右侧而不是最左侧开始滚动，导致第一个项目出现在列表不可见。

我看了一下 JS，我猜问题出在这部分(else block )[原始 JS 中的第 143 到 162 行]

if (this.isAuto && this.o.autoMode=='loop') {

            this.$list.css(this.dimension,this.posMax+(this.itemMax*addItems) +'px');

            this.posMax += (this.clipMax - this.o.speed);

            if (this.isForwards) {
                this.$items.slice(0,addItems).clone(true).appendTo(this.$list);
                this.resetPosition = 0;

            } else {
                this.$items.slice(-addItems).clone(true).prependTo(this.$list);
                this.resetPosition = this.$items.length * this.itemMax;
                //due to inconsistent RTL implementation force back to LTR then fake
                if (this.isRTL) {
                    this.$clip[0].dir = 'ltr';
                    //based on feedback seems a good idea to force float right
                    this.$items.css('float','right');
                }
            }

但是无论我尝试修改它的什么值都会进一步搞砸，我假设这是关键部分

this.resetPosition = this.$items.length * this.itemMax;

但对这些值的任何修改最终都会弊大于利。我在正确的地方工作吗？或者问题可能完全在其他地方？

Answer 1

我过去曾成功使用过 simplescroll。

http://logicbox.net/jquery/simplyscroll/

不确定它是否随着时间的推移发生了很大变化，但它支持方向并且适用于 UL/LI's

您可以在 http://www.cesar.nl/ 上查看示例(带有图像的产品代码)