스크립트
< 자료공유 < 스크립트
스크립트자료실

다이나믹한 슬라이드 쇼

페이지 정보

작성일17-03-08 01:03 조회2,624회

본문

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>다이나믹 슬라이드</title>
 
  <link href="/script/slide3/css/styles.css" type="text/css" media="all" rel="stylesheet" />
  <link href="/script/slide3/css/skitter.styles.min.css" type="text/css" media="all" rel="stylesheet" />


<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css">
  <!-- Skitter Styles -->
  <link href="/script/slide3/css/skitter.styles.min.css" type="text/css" media="all" rel="stylesheet" />
 
  <!-- Skitter JS -->
  <script type="text/javascript" language="javascript" src="/script/slide3/js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" language="javascript" src="/script/slide3/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" language="javascript" src="/script/slide3/js/jquery.animate-colors-min.js"></script>
  <script type="text/javascript" language="javascript" src="/script/slide3/js/jquery.skitter.min.js"></script>
 
    <!-- Init Skitter -->
  <script type="text/javascript" language="javascript">
    $(document).ready(function(){

   $('.box_skitter_large').skitter({label: false, numbers: false, theme: 'square'});

     
     
    });
  </script>
</head>
<body>
  <div id="page">
    <h1>다이나믹 슬라이드 쇼</h1>
    <div id="content">
      <div class="border_box">
        <div class="box_skitter box_skitter_large">
          <ul>

    <li><a href="#cubeRandom"><img src="http://madalla.kr/script/slide/images/a1.jpg" class="cubeRandom" /></a><div class="label_text"><p>slide1</p></div></li>
          <li><a href="#block"><img src="http://madalla.kr/script/slide/images/a2.jpg" class="block" /></a><div class="label_text"><p>slide2</p></div></li>
          <li><a href="#cubeStop"><img src="http://madalla.kr/script/slide/images/a3.jpg" class="cubeStop" /></a><div class="label_text"><p>slide3</p></div></li>>

          
          </ul>
        </div>
      </div>
    </div>
    <h2>재미있는 슬라이드 쇼!</h2>
    <h3><a href="/script/slide3/slide3.zip" target="_blank" style="padding:11px 15px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px;width:128px;font-size:15px;font-weight:bold;font-family:'Nanum
Gothic';">전체파일 다운로드</a></h3>
  </div>
</body>
</html>

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기