<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="//work6.kr/plugin/plugin_link/46"></script> <style> li{ opacity: 0; transform: translateY(40px); transition: all 1s; } li.on{ opacity: 1; transform: translateY(0px); } </style> <script> $(function(){ $('ul li').sequential({ delay:1000, //최초 지연시간 speed:100 //내용 동작 간격 }); }); </script> <ul> <li>contents</li> <li>contents</li> <li>contents</li> <li>contents</li> <li>contents</li> </ul>
설치방법
1. Line1 : 제이쿼리를 연결합니다.
2. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.
3. Line4 ~ 14 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.
4. Line20 ~ 23 : 스크립트를 복사 그리고 붙여넣기 합니다.
Install
1. Line 1: Connect the jquery.
2. Line2: Register the domain after using the plug-in. Copy and paste code.
3. Line 4 ~ 14: Copy and paste the style. Modify it to fit your website.
4. Line20 ~ 23: Copy and paste the script.