0

如本示例页面所示，我有两个向上和向下滚动的 JS 按钮 。

现在只是改变图像没有效果，我需要应用幻灯片或滚动效果来使图像看起来循环，像这样但上下，

JS代码是从ASP.net页面动态生成的，这里是向上按钮的JS，

var my_slots = ['_', 'x', 'y', 'z', '0', '1',
                '2', '3', '4', '5', '6', '7', '8', '9'];


$("#sslot_img0_u").live('click', function() {
    image = document.getElementById('sslot_img' + '0');
    image.setAttribute('src', do_up('0', image.getAttribute('alt')));
    $("#hstring").val(my_slots[2]);
    return false;
});

function do_up(key1, key2) {
    image = document.getElementById('sslot_img' + key1);
    if (Number(key2) == my_slots.length - 1) {
        image.setAttribute('alt', '0');
        $get('sslot_hf' + key1).value = my_slots[0];
        return "http://www.fedne.com/" + my_slots[0] + '.gif';
    } else {
        image.setAttribute('alt', (Number(key2) + 1));
        $get('sslot_hf' + key1).value = my_slots[Number(key2) + 1];
        return "http://www.fedne.com/" + my_slots[Number(key2) + 1] + '.gif';
    }
}

是否有可能在按钮而不是 div 点击事件上获得这种效果？

4

1 回答 1

0

您想要的是使用 jquery animate() 函数实现，并调整元素的位置属性。但是，您正在使用的是更改现有值/图像。方法不同。

您可能希望在 Chrome 中的所需结果上右键单击 -> 检查元素以获得更清晰的图片。

我希望你的问题是正确的。抱歉，如果我没有。

编辑 - 也查看 jquery slide() 函数文档。可能你需要的就在那里。

于 2012-09-05T16:41:35.360 回答