如何在点击上创建移动div

Question

我如何创建移动div ，就像在此网站（滑块右侧）一样Click to see div on web
使用javascript或jquery？

Answer 1

此页面上的垂直轮播（http://jquery.malsup.com/cycle2/demo/carousel.php）可能会帮助您。

你可以使用Google for jQuery carousel，你会发现很多进一步的教程和下载。

<div class="slideshow vertical" 
    data-cycle-fx=carousel
    data-cycle-timeout=0
    data-cycle-next="#next3"
    data-cycle-prev="#prev3"
    data-cycle-pager="#pager3"
    data-cycle-carousel-visible=2
    data-cycle-carousel-vertical=true
    >
    <img src="http://malsup.github.io/images/beach1.jpg">
    <img src="http://malsup.github.io/images/beach2.jpg">
    ...
    <img src="http://malsup.github.io/images/beach9.jpg">
</div>

<div class=center>
    <a href=# id=prev3><< Prev </a>
    <a href=# id=next3> Next >> </a>
</div>

<div class="cycle-pager" id=pager3></div>