jquery - 垂直和水平滑动

Question

我正在寻找一个可以垂直和水平滚动的滑块。用箭头我想在其他区域滑动。这可能吗，如果可以的话怎么办？这里我有一张照片：

http://msdev.de/1.png

Answer 1

尝试这个：

工作小提琴

<button id="left">&#9668;</button>
<button id="bottom">&#9660;</button>
<button id="right">&#9658;</button>
<div class="block"></div>



div {
  position:absolute;
  background-color:#000;
  left:50px;
  width:90px;
  height:90px;
  margin:5px;
  top:50px;
}


var slideDistance;
var slideSpeed;

//Change this Properties
slideDistance = 200;
slideSpeed = 500;


$("#right").click(function(){
  $(".block").animate({"left": "+=" + slideDistance + "px"}, slideSpeed);
});

$("#left").click(function(){
  $(".block").animate({"left": "-=" + slideDistance + "px"}, slideSpeed);
});

$("#bottom").click(function(){
  $(".block").animate({"top": "+=" + slideDistance + "px"}, slideSpeed);
});