如何从右向左滑动Jquery？

我有这个幻灯片问题的一些问题。任何人都可以帮助改变左侧面板到右侧面板？如何从右向左滑动Jquery？

我的代码：

<!DOCTYPE html> 
<html> 
<head> 

    <style> 

.left, .hidden { 
    float: left; 
    height:350px; 
} 

.left { 
    width: 50%; 
    background: #fff; 
    z-index:1; 
} 

.hidden { 
    width:7%; 
    z-index:2; 
    position:absolute; 
    left:-1000px; 
    background:grey; 
    color:#000; 
} 


.clear { 
    clear:both; 
} 


    </style> 


    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 

</head> 
<body> 


<div class="hidden">Show Me</div> 
<div class="left">Left panel</div> 

<div class="clear"></div> 

<a href="#" id="slide">Show/hide Slide Panel</a> 

    <script> 

    $(document).ready(function(){ 
    $('#slide').click(function(){ 
    var hidden = $('.hidden'); 
    if (hidden.hasClass('visible')){ 
     hidden.animate({"left":"-1000px"}, "slow").removeClass('visible'); 
    } else { 
     hidden.animate({"left":"0px"}, "slow").addClass('visible'); 
    } 
    }); 
}); 

    </script> 

</body> 
</html>

和链接可以在此的jsfiddle链接见：

http://jsfiddle.net/ZQTFq/

我有一些问题，这个幻灯片问题。任何人都可以帮助更改左侧面板到右侧面板？我遇到了这个幻灯片问题。任何人都可以帮助更改左侧面板到右侧面板？我遇到了这个幻灯片问题。任何人都可以帮助改变左侧面板到右侧面板？

来源

2014-06-11 user2534252

“有些问题”具体如何。顺便提一下，重复你的问题并不会让我们太兴奋。专业吧！ –

有没有清楚你真的想要什么... – InferOn

不确定你想要什么，但我看到同一个句子重复了整个时间。你能否让你的问题更清楚？ – bondbaby11

将所有css属性从'left'更改为'right'。在你的jQuery动画代码中做同样的事情。

.left, .hidden { 
    float: left; 
    height:350px; 
} 

.left { 
    width: 50%; 
    background: #fff; 
    z-index:1; 
} 

.hidden { 
    width:25%; 
    z-index:2; 
    position:absolute; 
    right:-1000px; 
    background:#f90; 
    color:#000; 
} 

.right { 
    width:50%; 
    float: right; 
    height:350px; 
    background:#000; 
    color:#fff; 
} 

.clear { 
    clear:both; 
}

http://jsfiddle.net/ZQTFq/1763/

来源

2014-06-11 16:31:11 miklz

如果我想只使用鼠标触摸链接可以滑动div吗？ – user2534252

刚刚更改了宽度从25％到50％。你可以看到，在以下fiddle

这里是我改变了代码：

.hidden { 
    width:50%; 
    z-index:2; 
    position:absolute; 
    left:-1000px; 
    background:#f90; 
    color:#000; 
}

来源

2014-06-11 16:47:41 BuddhistBeast

如何从右向左滑动Jquery？

回答

相关问题