CSS位置箭头元素 - Jquery循环

Question

我正在尝试在以下代码中定位两个箭头元素。它们应该是引号的左右两边，我想要将它们挂钩到jQuery循环中以向左或向右移动。

http://jsfiddle.net/k8UvP/28/

$(document).ready(function () {

$('#txtRotate').cycle({
    fx: 'scrollRight',
    timeout: 3,
    cleartypeNoBg: true
});

});

Answer 1

Cycle插件使用prev和`next

内置了此功能

$(document).ready(function () {
    $('#txtRotate').cycle({
        fx: 'scrollRight',
        timeout: 0,
        next: '#right',
        prev: '#left'
    });
});

Example jsFiddle

然而，由于你正在使用的效果（scrollRight），很难说出两个箭头之间的区别（实际上只有两个元素是不可能的）。您可能希望使用scrollHorz效果

你真的应该看看plugin page，它有很多有用的例子（包括一个有前一个和下一个按钮的例子）。它可能有助于您发布的最后一个问题

修改

通常，如果您希望箭头定位在元素的引用中，您可以将其作为子元素。但是由于循环元素不允许这样，你必须使用如下的jQuery。它会在窗口调整大小时触发，因此它可以始终与异常定位的循环元素保持一致

$(window).resize(function() {
    var midWay = $('#txtRotate').offset().top + $('#txtRotate').height() / 2;
    console.log(midWay);
    $('#left').css('top', midWay);
    $('#right').css('top', midWay);
}).resize();

Updated demo