KJCLUB - 나카지마 유키의 동영상집

나카지마 유키(Nakashima Yuki)

Roselia 담당·베이스

걸즈 밴드 Roselia의 2대째 베이스로, 본직은 성우.

게임을 좋아하고, 관련의 프로그램을 몇개인가 가진다.

이번은, 그 중 시마노세키 연동화 5개를 소개.

일본옷으로 다도 체험

일본옷으로 다도 체험!ver.나카지마 유키 - YouTube

「놀아났다」동영상

스장VR 「춤추어 보았다(놀아나 보았다)」【켈역 나카지마 유키】솔로 댄스편＋메이킹 영상~댄스 인더 갤럭시!(ver.Morolians)」-SpaceChannel5 VR - YouTube

사진집 촬영의 메이킹 영상

【촬영의 님 아이 전부 봐 있습니다!】나카지마 유키 사진집 「스케치북」메이킹 동영상 - YouTube

스커트로 미각피로

성우·나카지마 유키, 스커트차림으로 미각피로원노기자카 46·나가시마성라가 스타일의 좋은 점을 절찬 사미-신규사업 「m」발표회 - YouTube

정말 좋아하는 게임을 하는 나카지마 유키

【프로세카】나카지마 유키씨의 플레이가 너무 굉장해서 말을 잃는 캐스트의 방들 - YouTube

Roselia ♪ ZEAL of proud

【Roselia가 노래해?「ZEAL of proud」】지상파 첫퍼포먼스~형 손 배틀 BEST20 - YouTube

일본어로 보기

中島由貴の動画集

中島由貴（Nakashima Yuki）

Roselia 担当・ベース

ガールズバンドRoseliaの2代目ベースで、本職は声優。

ゲームが好きで、関連の番組をいくつか持つ。

今回は、その中島の関連動画5本を紹介。

和服で茶道体験

和服で茶道体験！ver.中島由貴 - YouTube

『踊らされた』動画

スぺチャンVR「踊ってみた（踊らされてみた）」【ケル役中島由貴】ソロダンス編＋メイキング映像～ダンスインザギャラクシー！(ver.Morolians）」－SpaceChannel5 VR - YouTube

写真集撮影のメイキング映像

【撮影の様子全部見せちゃいます！】中島由貴写真集『スケッチブック』メイキング動画 - YouTube

スカートで美脚披露

声優・中島由貴、スカート姿で美脚披露　元乃木坂46・永島聖羅がスタイルの良さを絶賛　サミー新規事業『m』発表会 - YouTube

大好きなゲームをする中島由貴

【プロセカ】中島由貴さんのプレイが凄すぎて言葉を失うキャストの方達 - YouTube

Roselia ♪ ZEAL of proud

【Roseliaが歌う🎤「ZEAL of proud」】地上波初パフォーマンス〜アニソンバトルBEST20 - YouTube

번호	제목	글쓴이	날짜	조회	추천
11092	오야마다 케이고의 일 11 월드 투어	fukkura	2021-07-22	426	0
11091	오야마다 케이고의 일 10	fukkura	2021-07-22	410	0
11090	[귀여움 주의] 강수지 - 시간속의 향�....... (1)	대판황혼	2021-07-21	432	0
11089	마츠다 세이코 「밝은 다갈색의 머메�....... (1)	nicodass	2021-07-21	383	0
11088	오야마다 케이고의 일 9	fukkura	2021-07-20	454	0
11087	오야마다 케이고의 일 8	fukkura	2021-07-20	388	0
11086	오야마다 케이고7 BBC John Peel Sessions	fukkura	2021-07-20	412	0
11085	캐디즈 VS 핑크·레이디	nicodass	2021-07-20	433	0
11084	계은숙 일본 데뷔곡 - 오사카 황혼	대판황혼	2021-07-20	357	0
11083	모리타카 치사토 - 미하- (live)【4K】60f.......	nicodass	2021-07-20	390	0
11082	오야마다 케이고의 일 6	fukkura	2021-07-19	384	0
11081	오야마다 케이고의 일 5 salyu×salyu	fukkura	2021-07-19	364	0
11080	계은숙(桂銀淑) - 노래하며 춤추며(歌�.......	대판황혼	2021-07-19	383	0
11079	후지카와천애음악의 창LIVE	とよき	2021-07-19	567	0
11078	한국에는 음악 홀이 없는 (1)	JAPAV57	2021-07-19	401	0
11077	오야마다 케이고의 일 4	fukkura	2021-07-18	399	0
11076	오야마다 케이고의 일 3	fukkura	2021-07-18	475	0
11075	완전 승리 w 　　 </span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "IamRich", '', 'board', '3348036', 'board');" title="IamRich"><span class="text-muted"><strong>IamRich</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">396</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11074 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_5/view/id/3348021/page/265?&sst=wr_hit&sod=desc"> 【수라의 꽃】수라설희 Lady Snowblood【�....... <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "nicodass", '', 'board', '3350322', 'board');" title="nicodass"><span class="text-muted"><strong>nicodass</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">410</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11073 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_5/view/id/3347661/page/265?&sst=wr_hit&sod=desc"> 모리타카 치사토 「기분 상쾌」 <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "nicodass", '', 'board', '3350322', 'board');" title="nicodass"><span class="text-muted"><strong>nicodass</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">422</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> </tbody> </table> <div class="clearfix" id="bo_grid_writes" style="display:none"> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3350929/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 11 월드 투어 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3350928/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 10</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3350431/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">[귀여움 주의] 강수지 - 시간속의 향�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3350322/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">마츠다 세이코 「밝은 다갈색의 머메�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3349960/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 9</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3349950/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 8</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3349946/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고7 BBC John Peel Sessions</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3349691/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">캐디즈 VS 핑크·레이디 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3349458/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">계은숙 일본 데뷔곡 - 오사카 황혼</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3349173/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">모리타카 치사토 - 미하- (live)【4K】60f.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348947/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 6</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348942/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 5 salyu&#215salyu</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348626/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">계은숙(桂銀淑) - 노래하며 춤추며(歌�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348330/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">후지카와천애음악의 창LIVE</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348305/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">한국에는 음악 홀이 없는 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348241/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 4</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348233/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">오야마다 케이고의 일 3</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348036/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">완전 승리 w 　　 <iframe frameborder</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3348021/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">【수라의 꽃】수라설희 Lady Snowblood【�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_5/view/id/3347661/page/265?&sst=wr_hit&sod=desc"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">모리타카 치사토 「기분 상쾌」</p> </a> </div> </div> <div class="clearfix"> <span class="btn-group"> </span> <div class="pull-right"> </div> </div> </form> <br /> <!-- <form name="fsearch" method="post" action="/kr/board/exc_board_5/lists" onsubmit="return doSearch(this);"> <input type="hidden" name="sca" value="" /> <input type="hidden" name="list_id" value="'3350929','3350928','3350431','3350322','3349960','3349950','3349946','3349691','3349458','3349173','3348947','3348942','3348626','3348330','3348305','3348241','3348233','3348036','3348021','3347661'"/> --> <form name="fsearch" method="get" action="/kr/board/exc_board_5/lists" onsubmit="return doSearch(this);"> <div class="clearfix"> <select name="sfl" class="form-control input-sm span3 pull-left mgb1 mbr1"> <option value="subject"> 제목 </option> <option value="content"> 내용 </option> <option value="subject,content"> 제목+ 내용 </option> <option value="membername"> 글쓴이 </option> </select> <div class="span4 pull-left"> <div class="input-group"> <input name="stx" class="form-control input-sm" maxlength="15" value="" /> <span class="input-group-btn"> <button type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-search"></span> 검색 </button> </span> </div> </div> <div class="pull-right"> <ul class="pagination"><li><a href="/kr/board/exc_board_5/lists/page/1?&sst=wr_hit&sod=desc">« 처음</a></li><li><a href="/kr/board/exc_board_5/lists/page/264?&sst=wr_hit&sod=desc"><</a></li><li><a href="/kr/board/exc_board_5/lists/page/261?&sst=wr_hit&sod=desc">261</a></li><li><a href="/kr/board/exc_board_5/lists/page/262?&sst=wr_hit&sod=desc">262</a></li><li><a href="/kr/board/exc_board_5/lists/page/263?&sst=wr_hit&sod=desc">263</a></li><li><a href="/kr/board/exc_board_5/lists/page/264?&sst=wr_hit&sod=desc">264</a></li><li class="active"><a>265</a></li><li><a href="/kr/board/exc_board_5/lists/page/266?&sst=wr_hit&sod=desc">266</a></li><li><a href="/kr/board/exc_board_5/lists/page/267?&sst=wr_hit&sod=desc">267</a></li><li><a href="/kr/board/exc_board_5/lists/page/268?&sst=wr_hit&sod=desc">268</a></li><li><a href="/kr/board/exc_board_5/lists/page/269?&sst=wr_hit&sod=desc">269</a></li><li><a href="/kr/board/exc_board_5/lists/page/266?&sst=wr_hit&sod=desc" >></a></li><li><a href="/kr/board/exc_board_5/lists/page/500?&sst=wr_hit&sod=desc" >끝 »</a></li></ul> </div> </div> </form> </div> <script src="/js/twemoji.min.js"></script> <script type='text/javascript'> // Parse emoji on web window.onload = function () { if (! /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) { twemoji.size = '16x16'; twemoji.parse(document.body); } } // <![CDATA[ // // // ]]> </script> <script src="/js/fakecrop.js"></script> <script> $(document).ready(function () { $('#fakecrop-list img').fakecrop({ wrapperWidth: 64, wrapperHeight: 64 }); $('#fakecrop-grid img').fakecrop({ wrapperWidth: 120, wrapperHeight: 120 }); $('#del_posts').click(function () { let mb_id = $('#mb_id').val(); let link = $('#url').val(); let botable = $('#bo_table').val(); if (mb_id.length == "") { alert("Please select a member to delete the post."); return; } $.ajax({ method: "POST", url: rt_path + '/' + link, data: { "mb_id": mb_id, "bo_table": botable }, dataType: "JSON", success: function (data) { if (data.code == 200) { alert(data.message); location.reload(); } else { alert(data.message); } } }) }) }); function revert_post(wr_id, bo_table) { if (confirm("Revert deleted posting?")) { $.post('/kr/_trans/board_write/revert_delete', { wr_id: wr_id, bo_table: bo_table }, function (data) { alert("Completed"); location.reload(); }); } } </script> <style type="text/css"> #fakecrop-list { height: 64px; width: 64px } #fakecrop-grid { height: 120px; width: 120px } </style></div> </div><!--/.clearfix--> </div><!--/.container--> <div class="fluid-container" style="margin-bottom: 4px; background-color: #fff;overflow: hidden; text-align: center"> </div> <script> function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays2460601000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <footer> <div class="container-fluid"> <div class="row"> <div class="footer-heading"> <div class="container"> <div class="col-md-12 pdl2"> <a href="/kr/languagechanger/switchLanguage/korean" class="link-language-changer lang-active">Korean</a> \| <a href="/kr/languagechanger/switchLanguage/japan" class="link-language-changer ">Japanese</a> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="footer-content"> <div class="container"> <div class="col-md-12 pdl2"> <table> <tr> <td class="footer-logo"> <a href="/kr"><img src="/img/sub_main_logo.gif"></a> </td> <td class="footer-copyright"> <a href="/kr/company">KJCLUB소개</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/rules">이용약관</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/privacy">개인정보취급방침</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/board/exc_board_44">버그 및 불편사항 신고</a> &nbsp&nbsp\|&nbsp&nbsp <a href="javascript:;" title="읽지 않은 쪽지" onclick="win_memo('member/memo/write/관리자');">운영자 문의</a> <br><br> 서비스 운영<br> 그레이트풀데이즈(주) 대표이사: 고요환, 개인정보관리책임 : 고요환, 통신판매업: 제 2015-서울중구-0608호, 사업자번호: 113-86-01236<br> 주소: 서울특별시 성동구 연무장 13길 9 (성수동2가, 아아템풀 빌딩) TEL: 070-7423-8828, 이메일 : <a href="mailto:gdays.kjclub@gmail.com">gdays.kjclub@gmail.com</a> <br><br> <!-- 시스템 운영<br> 조이앤네트웍스(주) 대표이사: 김주환, 통신판매업 신고: 제 2016-서울금천-0751호, 사업자번호: 113-86-07650<br> 주소: 서울특별시 금천구 가산디지털2로 123 --> <br><br> Copyright © Gratefuldays Corp. All rights reserved.<br> Copyright © Joyandnetworks Corp. All rights reserved.<br> Copyright © Korea Japan Culture Exchange KJLUB All rights reserved. </td> </tr> </table> </div> </div> </div> </div> </footer> <script type='text/javascript'> //<![CDATA[ function mSearch(f) { var stx = f.stx.value.replace(/(^\s)\|(\s$)/g,''); if (stx.length < 2) { if (site_lang_code == 'kr') { alert('2글자 이상으로 검색해 주세요.'); } else { alert('二文字以上で検索してください。'); } f.stx.focus(); return false; } return true; } //]]> $(document).ready(function(){ $('.link-language-changer').click(function(e){ //console.log($(this).attr('href')); }) }); $('#main-container').bind("click touchstart", function(){ $('#main-menu-collapse').collapse('hide'); if ($('#main-menu-collapse').hasClass('in')) { $('#main-menu-collapse').removeClass('in'); } }); </script> <ul id="alert" class="list-unstyled" style="width:230px; position:fixed; top:10%; left:50%; margin-left:-115px; z-index:1920;"></ul> <script type="text/javascript" src="/js/board.js"></script> <script type="text/javascript" src="/js/sideview.js"></script> <script type="text/javascript" src="/js/md5.js"></script> <script type="text/javascript" src="/js/kcaptcha.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JXGDX6Z8W"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4JXGDX6Z8W'); </script> <!--back to top button--> <span id="top-link-block" style="display: none"> <a href="#top" style="background-color: red; width: 100%; height: 100%; color: #fff; padding: 15px; border-radius: 5px;" onclick="$('html,body').animate({scrollTop:0},'slow');return false;"> <i class="glyphicon glyphicon-chevron-up"></i> Back to Top </a> </span> <style type="text/css"> #top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view / bottom: -82px; right: 10px; } #top-link-block.affix { position: fixed; / keeps it on the bottom once in view / bottom: 40px; right: 20px; } .freezePage{ overflow: hidden; height: 100%; position: relative; } </style> </div> <!--close m-content--> </div> <!--close m-wrapper--> <div class="m-sub-overlay"></div> <div class="m-overlay"></div> <div id="m-sidebar"></div> <div id="m-sub-sidebar"></div> <!--effect scripts--> <script type="text/javascript"> function open_main_menu() { if(!$('#m-sidebar').hasClass("active")) { $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); $('#m-sidebar').show(); if ($('.m-overlay').css("display") == "block") $('.m-overlay').fadeOut(); else $('.m-overlay').fadeIn(); } } function open_sub_menu() { if (!$('#m-sub-sidebar').hasClass("active")) { $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('#m-sub-sidebar').show(); if ($('.m-sub-overlay').css("display") == "block") $('.m-sub-overlay').fadeOut(); else $('.m-sub-overlay').fadeIn(); $('html').addClass('freezePage'); $("body").addClass("freezePage"); $("#m-sub-sidebar").css("overflow-y", "scroll"); } } $(document).ready(function () { $(".mobile-second").show(); //toggle main menu sidebar $('#m-sidebar-collapse').on('click', function () { open_main_menu(); }); //toggle sub menu sidebar $('#m-sub-sidebar-collapse').on('click', function () { open_sub_menu(); }); //close main menu $('.m-overlay').on('click', function () { $('.m-overlay').fadeOut(); $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); }); //close sub menu $('.m-sub-overlay').on('click', function () { $('.m-sub-overlay').fadeOut(); $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('html').removeClass('freezePage'); $("body").removeClass("freezePage"); }); }); //wait for body loading $(window).load(function() { //$("body").removeClass("preload"); }); //back to top button if ( ($(window).height() + 100) < $(document).height() ) { $('#top-link-block').show().affix({ offset: {top:100} }); } //move sub menu into sidebar if (is_mobile) { console.log("is_mobile:true"); $('.mobile-first').insertBefore($('.mobile-second')); if (typeof is_sub_menu !== "undefined" && is_sub_menu == true) $('.mobile-second').detach().appendTo($('#m-sub-sidebar')); } if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent) ) { // } // swipe to open sub sidebar document.addEventListener('touchstart', handleTouchStart, {passive:false}); document.addEventListener('touchmove', handleTouchMove, {passive:false}); var xDown = null; var yDown = null; var disableSubMenu = false; //disable toggle submenu when scroll sub top menu $('.pn-ProductNav_Wrapper').on('click touchstart',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = true; } }); $('.pn-ProductNav_Wrapper').on('click touchend',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = false; } }); var tapedTwice = false; function handleTouchStart(evt) { if(!tapedTwice) { tapedTwice = true; setTimeout( function() { tapedTwice = false; }, 300 ); xDown = evt.touches[0].clientX; yDown = evt.touches[0].clientY; return false; } evt.preventDefault(); }; function handleTouchMove(evt) { if ( ! xDown \|\| ! yDown ) { return; } var xUp = evt.touches[0].clientX; var yUp = evt.touches[0].clientY; var xDiff = xDown - xUp; var yDiff = yDown - yUp; if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/most significant/ if ( xDiff > 0 ) { / left swipe / console.log("Left swipe"); if (is_sub_menu) { // toggle sub menu sidebar console.log(disableSubMenu); if (!disableSubMenu) open_sub_menu(); } } else { / right swipe / console.log("Right swipe"); } } else { if ( yDiff > 0 ) { / up swipe / console.log("Up swipe"); } else { / down swipe / console.log("Down swipe"); } } / reset values */ xDown = null; yDown = null; }; </script> </body> </html>

번호

제목

글쓴이

날짜

조회