API tools faq
paste
asimryu

20150701-1 vplay example

asimryu
Jun 30th, 2015
280
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.31 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="ko">
  3.  <head>
  4.   <meta charset="UTF-8">
  5.   <meta name="Generator" content="EditPlus®">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.         <script src="common/js/jquery.js"></script>
  10.   <link rel="stylesheet" href="common/css/common.css" />
  11.   <title>여수정보과학고등학교</title>
  12.  </head>
  13.  <body>
  14.  <div class="wrap">
  15.  
  16.     <!-- header -->
  17.     <div class="header">
  18.         <div class="wh_c">
  19.             <!--<img src="static/logo.png" alt="" class="logo"/>-->
  20.             <div class="logo">LOGO</div>
  21.             <div class="fr">Home <span class="bar"></span> Login <span class="bar">|</span> Join</div>
  22.         </div>
  23.     </div>
  24.     <!-- header -->
  25.  
  26.     <!-- main-background -->
  27.     <div class="main_bg">
  28.         <div class="main-title">
  29.             <div class="big">여수정보과학고등학교</div>
  30.             <div class="sub">Yeosu Information High school</div>
  31.         </div>
  32.         <div class="btn">버튼</div>
  33.     </div>
  34.     <!-- main-background -->
  35.  
  36.     <!-- gnb -->
  37.     <div class="gnb">
  38.         <div class="wh_c">
  39.         <nav>
  40.             <ul>
  41.                 <li class="active">학교안내</li>
  42.                 <li>학교안내</li>
  43.                 <li>학교안내</li>
  44.                 <li>학교안내</li>
  45.                 <li>학교안내</li>
  46.             </ul>
  47.         </nav>
  48.         </div>
  49.     </div>
  50.     <!-- gnb -->
  51.  
  52.     <div class="cont">
  53.        
  54.  
  55.             <!-- visual -->
  56.             <div class="visual">
  57.            
  58.             <div class="visual_wrap">
  59.             <img src="static/image/arrow_left.gif" alt="" class="arr a-left" data-action="0"/>
  60.             <img src="static/image/arrow_right.gif" alt="" class="arr a-right" data-action="1"/>
  61.                 <div class="cols">
  62.                     <div class="item" data-idx="0">
  63.                         <img src="static/image/visual1.png" alt="" />
  64.                         <div class="caption">0올바른 학교문화에 앞서는 봉사정신</div>
  65.                     </div>
  66.                     <div class="item" data-idx="1">
  67.                         <img src="static/image/visual1.png" alt="" />
  68.                         <div class="caption">1올바른 학교문화에 앞서는 봉사정신</div>
  69.                     </div>
  70.                     <div class="item" data-idx="2">
  71.                         <img src="static/image/visual1.png" alt="" />
  72.                         <div class="caption">2올바른 학교문화에 앞서는 봉사정신</div>
  73.                     </div>
  74.                     <div class="item" data-idx="3">
  75.                         <img src="static/image/visual1.png" alt="" />
  76.                         <div class="caption">3올바른 학교문화에 앞서는 봉사정신</div>
  77.                     </div>
  78.                     <div class="item" data-idx="4">
  79.                         <img src="static/image/visual1.png" alt="" />
  80.                         <div class="caption">4올바른 학교문화에 앞서는 봉사정신</div>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.             </div>
  85.             <!-- visual -->
  86.         <div class="wh_c">
  87.             <!-- main-cont -->
  88.             <div class="main_cont">
  89.                     <div class="left">
  90.                         <div class="aside">
  91.                             <!-- <img src="static/image/banner.png" alt="" /> -->
  92.                             <iframe id="video" width="175" height="175" src="https://www.youtube.com/embed/oXTV53WR_uc?autoplay=1" frameborder="0" allowfullscreen></iframe>
  93.                         </div>
  94.                         <div class="box-cont">
  95.                             <div class="title">
  96.                                 항상 이 학교 웹사이트가 보라...
  97.                             </div>
  98.                             <div id="vlist">
  99.                                 <a href="oXTV53WR_uc">여수정보과학고</a><br>
  100.                                 <a href="cZTKH9cQroc">서울디지텍고등학교</a><br>
  101.                                 <a href="s9mJjG91wi8">글로벌숙련기술진흥원</a>
  102.                             </div>
  103.                             <div class="link">LINK</div>
  104.                         </div>
  105.                     </div>
  106.                     <div class="right">
  107.                         <div class="tr">
  108.                             <div class="thumb"><img src="static/image/photo1.png" alt="" /></div>
  109.                             <div class="title">즐거운 졸업..</div>
  110.                             <div class="thumb-cont">blah blah</div>
  111.                             <div class="link">LINK</div>
  112.                         </div>
  113.                         <div class="tr">
  114.                             <div class="thumb"><img src="static/image/photo2.png" alt="" /></div>
  115.                             <div class="title">자매학교..</div>
  116.                             <div class="thumb-cont">blah blah</div>
  117.                             <div class="link">LINK</div>
  118.                         </div>
  119.                     </div>
  120.             </div>
  121.             <!-- main-cont -->
  122.  
  123.         </div>
  124.     </div>
  125.     <div class="footer">
  126.         <div class="wh_c">
  127.             CopyRight (C) Giago's All Rights Reserved.
  128.         </div>
  129.     </div>
  130.  </div>
  131.  
  132.     <script>
  133.         $(function(){
  134.             $("#vlist > a").click(function(event){
  135.                 event.preventDefault();
  136.                 var v = $(this).attr("href");
  137.                 if( ! v ) return;
  138.                 var utube = "https://www.youtube.com/embed/";
  139.                 utube += v;
  140.                 utube += "?autoplay=1";
  141.                 $("#video").attr("src",utube);
  142.             });
  143.         });
  144.     </script>
  145.  
  146.  </body>
  147. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!