Question

我有两个JS按钮可以上下滚动，如图所示 this sample page

现在它只是改变图像而没有效果，我需要应用幻灯片或滚动效果使图像看起来像是THIS但是向上和向下，

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

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 click事件？

Answer 1

你想要的是使用jquery animate（）函数，并调整元素的position属性。但是，您正在使用的是更改现有值/图像。方法不同。

您可能想要右键单击 - ＆gt;在Chrome中检查元素以获得所需的结果，以获得更清晰的图像。

我希望我的问题是正确的。如果我不这样做，请道歉。

编辑 - 查看jquery slide（）函数文档。可能就是你需要的东西。

使用JS滑动或汇总图像

1 个答案: