marguee.js 흐르는 느낌의 슬라이드 (가로, 세로)

marguee.js를 사용해서 흐르는 느낌의 슬라이드를 만들어보기

 

[cdn 사용]

<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.6.0/jquery.marquee.min.js"></script>

 

 

[html]

<div class="marquee-wrap">

                Lorem ipsum dolor sit amet, consectetur adipisicing elit.

                Neque cumque ratione provident nulla veniam nihil quaerat,

                illum officiis hic. Laborum in eos possimus,

                quo ullam nobis nam nemo fuga ipsam?

 </div>

 

 

[css]

.marquee-wrap {

    width: 100%;/*본인 마음대로 조정*/

    height: 130px !important; /*본인 마음대로 조정*/

    overflow: hidden; /*무조건*/

  }

 

 

[js]

<script type="text/javascript">

    $(document).ready(function(){

      $('.marquee-wrap').marquee({

          direction: 'up', //아래에서 위 방향으로 흐르게

          speed: 500

      });

  });

</script>