Mercurial > hgrepos > hgweb.cgi > skipweb
view archive/index/preIndex2.html @ 1668:a0dc6355d633
kayaku.rb 変更6
author | OOTANI Hiroyuki <c115036@g.koeki-u.ac.jp> |
---|---|
date | Thu, 27 Jul 2017 00:41:05 +0900 |
parents | 8ab45d13e8e1 |
children | d2d89793be14 |
line wrap: on
line source
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SKIP -Top Page-</title> <style type="text/css"> <!-- --> </style> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <link rel="stylesheet" type="text/css" href="preIndex2.css"> </head> <body> <!-- Image slider --> <iframe src="sample.html" width="100%" height="270px" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe> <!-- Global navigation --> <div class="menw"> <ul> <a href="http://skip.koeki-prj.org/"><li>TOP</li></a> <a href="http://skip.koeki-prj.org/syuzai/syuzai.html"><li>取材</li></a> <a href="http://skip.koeki-prj.org/program/program.html"><li>プログラム</li></a> <a href="http://skip.koeki-prj.org/enq/enq.html"><li>アンケート</li></a> <a href="http://skip.koeki-prj.org/kiraribito/girl.html"><li>きらりびと</li></a> </ul> </div> <div class="back"> <div class="left"> <img src="skip-kamo-small.png" alt="261x236(80639bytes)" width="151" height="138" style="align: center;"> <p> SKIPは、東北公益文科大学の情報特別選抜から設立されたサークルであり、 酒田商工会議所が主催する「SWAN Project」と協力して酒田地域の情報を発信することを目的としている。 </p> </div> <div class="right"> <p><a href="syuzai/dezima.html"> <img src="syuzai/dezima4-150.JPG" alt="dezima" width="" style="align: right;"> </a></p> <p><a href="syuzai/nisimura.html"> <img src="syuzai/nisimura1-150.JPG" alt="nisimura" width="" style="align: right;"> </a></p> <p><a href="enq/ogawaen.html"> <img src="syuzai/ogawaen1-150.jpg" alt="photo" width="" style="align: right;"> </a></p> <p><a href="enq/pom.html"> <img src="syuzai/pom3-150.jpg" alt="photo" width="" style="align: right;"> </a></p> <p><a href="index.html"> <img src="syuzai/romantei2-150.jpg" alt="photo" width="" style="align: right;"> </a></p> <p><a href="url"> <img src="syuzai/rupo1-150.jpg" alt="photo" width="" style="align: right;"> </a></p> <p><a href="syuzai/tukusi.html"> <img src="syuzai/tukusi1-150.JPG" alt="photo" width="" style="align: right;"> </a></p> <p><a href="enq/als.html"> <img src="syuzai/ars1-150.jpg" alt="photo" width="" style="align: right;"> </a></p> </div> <!-- Close and open news box --> <script type="text/javascript" charset="utf-8"> $(function(){ $('#open').click(function(){ $('#open').css({'display':'none'}); $('#close').css({'display':'block'}); $('#row').slideToggle(); }); $('#close').click(function(){ $('#close').css({'display':'none'}); $('#open').css({'display':'block'}); $('#row').slideToggle(); }); }); <!-- Add "NEW" marker (three topics from a new) --> $(function(){ $("#news li").slice(0,3).append('<span class="new">NEW</span>'); }); $(function(){ $("a:not(.main a)").click(function(){ var url = $(this).attr('href'); $('#viewTopic').attr({'src':url}); $('#viewTopic').css({'border': 'thin solid #000','border-top': 'none'}); $('#openWindow').css({'href': 'url' + '(' + url + ')'}); $('#openWindow').css({'display': 'none'}) $('#openWindow').slideDown(1500); $('.main div').slideUp(); return false; }); }); $(function(){ $('#openWindow').click(function(){ var viewingUrl = $('#viewTopic').attr('src'); window.open(viewingUrl); }) }); </script> <div id="close" class="slidebox" style="display: none;">新着情報を開く</div> <div id="open" class="slidebox" style="display: block;">新着情報を閉じる</div> <div id="row" class="row" style="display: block;"> <ul id="news"> <li><a href="http://skip.koeki-prj.org/minato2014/chirashi.pdf"> みなとオアシス祭り開催!!</a></li> <li><a href="http://skip.koeki-prj.org/staff/want.html"> 高校生SKIPメンバー募集!!</a></li> <li><a href="http://skip.koeki-prj.org/syuzai/nakamura.html"> 手打ち蕎麦「なかむら」を取材!!</a></li> <li><a href="http://skip.koeki-prj.org/syuzai/viminale.html"> 新感覚!洋風居酒屋「ビミナーレ」を取材!!</a></li> <li><a href="http://skip.koeki-prj.org/syuzai/kerun.html"> "雪国"をつくったバーテンダーが営むお店「ケルン」を取材!!</a></li> </ul> </div> <div class="main"> <div id="first"> <h1>SKIP -Shonai Koeki Information Project-</h1> <h3 class="staff">スタッフ紹介 -Staff introduction-</h3> </div> <a id="openWindow"> このページを別窓で表示 </a> <iframe id="viewTopic" src="" width="730px" height="100%" marginwidth="0" marginheight="0" frameborder="0" > </iframe> </div> </div> <p></p> </body> </html>