jQuery-如何在每次单击链接时使div幻灯片向左移动100px [英] jquery - how do i make a div slide left 100px everytime i click a link

问题描述

到目前为止，我有什么

$(function(){
    $("#click").click(function(){
        $("#slide").animate({marginLeft:'100px'},'slow');                  
    });            
});

在此处链接到演示的

仅工作一次，但是如果我再次尝试单击链接，则什么也没有发生

Which works only once, but if i try to click the link again, Nothing happens

如何制作使其更像幻灯片显示?所以每次我点击时，它就会向左滑动

how do I make it so it works more like a slideshow? so everytime I click, it slides left

推荐答案

类似的东西.您使用+=表达式:

Something like this. You use += expression:

$(function(){
    $("#click").click(function(){
        $("#slide").animate({left:'+=100px'},'slow');                  
    });            
});

这篇关于jQuery-如何在每次单击链接时使div幻灯片向左移动100px的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！