PageSourceSearch

https://yesjnet.com/include2/js/main.js

js yesjnet.com collected 2026-10-02 01:51:14 UTC 16,628 bytes, 565 lines download raw bytes

1$(function(){
2	//도서관 바로가기 이벤트
3	var $libObj = $(".libListWrap");
4	var $libList = $(".libList");
5	var num2 = 0; //도서관 구분
6	var animateTime = 500;
7	var timer = 0;
8	var length = $libList.children().length;
9	var mobileChk = ($("#wrap").width() <= 1024) ? true : false;
10	var setTime = 6000;
11	var set;
12	var autoPlay = true; //자동롤링 유무
13
14	//이벤트세팅
15	function libTabEv(isFocus){
16		//초기화
17		$libList.find(".tab").find(".on").removeClass("on");
18		$libList.find(".cont").removeClass("on");
19		$libList.find(".tab").find("a").off("click");
20		$libList.children().removeAttr("tabindex");
21		var $thisTab = $libList.children(".on").find(".tab");
22		$thisTab.find(".tit").find("a").on("click", {focus : isFocus}, function(e){
23			var $this = $(this);
24			var $cont = $($this.attr("href"));
25			$this.parent().parent().addClass("on").siblings().removeClass("on");
26			$cont.addClass("on").parent().siblings().find(".cont").removeClass("on");
27			$libList.find(".cont").removeAttr("tabindex");
28			if (e.data.focus) {
29				$cont.attr("tabindex",0).focus();
30				$cont.find("ul").attr("tabindex",0);
31			};
32			e.data.focus = true;
33			return false;
34		});
35		$libList.children(".on").siblings().find(".tab").find(".tit").find("a").on("click",function(e){
36			e.stopPropagation();
37			var $this = $(this);
38			num2 = $this.parent().parent().index();
39			libSlide($this.parents(".box").parent().index());
40			return false;
41		});
42		$thisTab.children().eq(num2).find(".tit a").click();
43	}
44
45	function libSlide(now){
46		if(timer == 0){
47			timer = 1;
48			var move  = $libList.children().eq(0).width();
49			if(now == "prev" || now == 0){
50				$libList.addClass("prev");
51				$libList.children(".on").removeClass("on").prev().addClass("on");
52				$libList.prepend($libList.children().eq(length-1).clone());
53				$libList.animate({"left":move + "px"},animateTime,function(){
54					$libList.removeClass("prev");
55					$libList.children().eq(length).remove();
56					$libList.css("left",0);
57					timer = 0;
58				});
59			}else if(now == "next" || now == 2){
60				$libList.addClass("next");
61				$libList.children(".on").removeClass("on").next().addClass("on");
62				$libList.append($libList.children().eq(0).clone());
63				$libList.animate({"left":"-" + move + "px"},animateTime,function(){
64					$libList.removeClass("next");
65					$libList.children().eq(0).remove();
66					$libList.css("left",0);
67					timer = 0;
68				});
69			}
70
71			libTabEv(false);
72		}
73	}
74
75	//모바일 터치 스와이프
76	if(mobileChk){
77		var $prependLib, $appendLib, $touchLib, percent, startX, moveX, moveX2, touchWidth;
78		var touchTimer = 0;
79		var touchTimeChk = 0;
80		$libList.on({
81			touchstart : function(e){
82				stop();
83				if(timer == 0){
84					touchTimeChk = new Date().getTime();
85					startX = e.originalEvent.changedTouches[0].clientX;
86					touchWidth = 0; // li width값 만큼 주고 싶을 때 $libList.children().eq(0).width()
87					$touchLib = $libList.children();
88				}
89
90				clearInterval(set);
91			},
92			touchmove : function(e){
93				if(timer == 0){
94					moveX = e.originalEvent.changedTouches[0].clientX;
95					var def = moveX - startX;
96					//스와이프 중에 스크롤 막기
97					if((moveX > startX && def > 30) || (moveX < startX && def < -30)) {
98						e.preventDefault();
99						e.stopPropagation();
100						if(touchTimer == 0 && timer == 0){
101							touchTimer = 1;
102							$prependLib = $touchLib.eq(4).clone().addClass("prev");
103							$appendLib = $touchLib.eq(0).clone().addClass("next");
104							$libList.prepend($prependLib);
105							$libList.append($appendLib);
106						}
107					}
108					percent = def.toFixed(4);
109					if(percent >= touchWidth) percent = touchWidth;
110					else if(percent <= -touchWidth) percent = -touchWidth;
111					$libList.stop().animate({"left":percent + "px"},0,"linear");
112
113				}
114
115				clearInterval(set);
116			},
117			touchend : function(e){
118				play();
119				//클릭인지 스와이프인지 구분
120				var touchEndTime = new Date().getTime();
121				var touchChk = ((touchEndTime - touchTimeChk > 120)) ? true : false;
122				if(touchChk && touchTimer == 1 && timer == 0){
123					endX = e.originalEvent.changedTouches[0].clientX;
124					touchTimer = 2;
125					var endChk = endX - startX;
126					//이전으로 스와이프 끝났을때
127					if(endChk > 0){
128						$touchLib.removeClass("on").eq(1).addClass("on");
129						$libList.stop().animate({"left":touchWidth + "px"},animateTime/2,function(){
130							$appendLib.prev().remove();
131							$appendLib.remove();
132							$prependLib.removeClass("prev");
133							$libList.css("left",0);
134							touchTimer = 0;
135							timer = 0;
136							libTabEv();
137						});
138					}
139					//다음으로 스와이프 끝났을때
140					else{
141						$touchLib.removeClass("on").eq(3).addClass("on");
142						$libList.stop().animate({"left":-touchWidth + "px"},animateTime/2,function(){
143							$prependLib.next().remove();
144							$prependLib.remove();
145							$appendLib.removeClass("next");
146							$libList.css("left",0);
147							touchTimer = 0;
148							timer = 0;
149							libTabEv();
150						});
151					}
152				}
153				else{
154					touchTimer = 2;
155					$libList.stop().animate({"left":0},animateTime/2,function(){
156						$libList.find(".prev").remove();
157						$libList.find(".next").remove();
158						$libList.children().removeClass("on").eq(2).addClass("on");
159						touchTimer = 0;
160					});
161				}
162				moveX = 0;
163			}
164		});
165	}	
166
167	$libObj.find(".btnPrev").click(function(e){
168		clearInterval(set);
169		stop();
170		num2 = 0;
171		libSlide("prev");
172		play();
173		return false;
174	});
175
176	$libObj.find(".btnNext").click(function(e){
177		clearInterval(set);
178		stop();
179		num2 = 0;
180		libSlide("next");
181		play();
182		return false;
183	});
184
185	$libList.on({
186		mouseover : function(){
187			clearInterval(set);
188			stop();
189		},
190		mouseleave : function(){
191			clearInterval(set);
192			play();
193		}
194	});
195
196	function play(){
197		if(!mobileChk && autoPlay){
198			set = setInterval(function(){
199				libSlide("next");
200			},setTime);
201		} else if(!mobileChk || autoPlay) {
202			set = setInterval(function(){
203				libSlide("next");
204			},4500);
205		}
206	}
207
208	function stop(){
209		if(!mobileChk && autoPlay) clearInterval(set);
210	}
211
212	//첫번째 세팅
213	$libList.children().eq(1).click();
214	libTabEv(false);
215	play();
216	// -- 도서관 바로가기 이벤트
217});
218
219
220$(function(){
221	var swiper = new Swiper(".OurPjSwiper", {
222		slidesPerView: 3,
223		slidesPerGroup: 3,
224		spaceBetween: 60,
225		autoplay: {
226			delay: 3000,
227			disableOnInteraction: false,
228		},
229		speed: 1800,
230		pagination: {
231		  el: ".OurPjSwiper .swiper-pagination",
232		  type: "progressbar",
233		},
234		navigation: {
235		  nextEl: ".OurPjSwiper .swiper-button-next",
236		  prevEl: ".OurPjSwiper .swiper-button-prev",
237		},
238		breakpoints: {
239		  1024: {
240			slidesPerView: 1.5,  //브라우저가 1024보다 클 때
241			slidesPerGroup: 1,
242			spaceBetween: 30,
243			speed: 600,
244			loop: true,
245			loopedSlides: 2,
246		  },
247		  640: {
248			slidesPerView: 1.3,  //브라우저가 640보다 클 때
249			slidesPerGroup: 1,
250			spaceBetween: 20,
251			speed: 600,
252			loop: true,
253			loopedSlides: 2,
254		  },
255		},
256	});
257
258	$(".OurPjSwiper .swiper-slide").mouseover(function(){
259		 swiper.autoplay.stop();
260	});
261	$(".OurPjSwiper .swiper-slide").mouseout(function(){
262		 swiper.autoplay.start();
263	});
264});
265
266
267
268
269
270/*$(document).ready(function () {
271    slider();
272});
273
274function slider(){
275    $(".TechSwiper").each(function(index){
276        var $this = $(this);
277        var winW = window.innerWidth; //화면 가로사이즈
278        var swiper = undefined;
279        var viewNum = ''; //슬라이드 개수 (옵션)
280        var loopChk = ''; //무한반복 체크
281        var slideNum =  $this.find('.swiper-slide').length //슬라이드 총 개수
282        var slideInx = 0; //현재 슬라이드 index
283        
284        //디바이스 체크
285        var winWChk = '';
286        $(window).on('load resize', function (){
287            winW = window.innerWidth;
288            if(winWChk != 'mo' && winW <= 768){ //모바일 버전으로 전환할 때
289                sliderAct();
290                winWChk = 'mo';
291            }
292
293            if(winWChk != 'pc' && winW >= 769){ //PC 버전으로 전환할 때
294                sliderAct();
295                winWChk = 'pc';
296            }
297        })
298        
299        function sliderAct(){
300            //슬라이드 인덱스 클래스 추가
301            $this.addClass("TechSwiper-" + index);
302
303            //슬라이드 초기화 
304            if (swiper != undefined){ 
305                swiper.destroy();
306                swiper = undefined;
307            }
308
309            //slidesPerView 옵션 설정
310            if (winW > 768){ //PC 버전
311                viewNum = 1;
312            }else{ //mobile 버전
313                viewNum = 1;
314            }
315            
316            //loop 옵션 체크
317            if (slideNum > viewNum){
318                loopChk = true;
319            }else{ 
320                loopChk = false;
321            }
322
323            swiper = new Swiper('.TechSwiper-' + index, {
324                slidesPerView: viewNum,
325                initialSlide :slideInx,
326				speed:1000,
327				touchRatio: 0,
328				effect: 'fade',
329				fadeEffect: { 
330					crossFade: true 
331				},
332				observer: true,
333				observeParents: true,
334                loop: loopChk,
335                navigation: {
336                    nextEl: $('.TechSwiper-' + index).find('.swiper-button-next'),
337                    prevEl: $('.TechSwiper-' + index).find('.swiper-button-prev'),
338                },
339				pagination: {
340				  el: ".swiper-pagination",
341				  clickable: true,
342				},
343                on: {
344                    activeIndexChange: function () {
345                        slideInx = this.realIndex; //현재 슬라이드 index 갱신
346                    }
347                },
348            });
349        }
350    });
351}*/
352
353$(document).ready(function(){
354
355
356	$("#section3 ul.tabArea li a").on("click", function(){
357		const num = $("#section3 ul.tabArea li a").index($(this));
358
359		$("#section3 ul.tabArea li").removeClass("on");
360		$("#section3 .tab").removeClass("on");
361		$(".tab-pagination span").removeClass("on");
362
363		$('#section3 ul.tabArea li:eq(' + num + ')').addClass("on");
364		$('#section3 .tab:eq(' + num + ')').addClass("on");
365		$('.tab-pagination span:eq(' + num + ')').addClass("on");
366
367	});
368
369	$("#section3 .tabBtn-wrap .swiper-button-next").on("click", function(){
370		var count = $("#section3 ul.tabArea li").length;
371		var lastNum = $("#section3 ul.tabArea li.on").index() + 1;
372
373		$("#section3 ul.tabArea li.on").next().addClass("on");
374		$("#section3 ul.tabArea li.on").prev().removeClass("on");
375		$("#section3 .tab.on").next().addClass("on");
376		$("#section3 .tab.on").prev().removeClass("on");
377		$(".tab-pagination span.on").next().addClass("on");
378		$(".tab-pagination span.on").prev().removeClass("on");
379
380		if(lastNum >= count) {
381			$("#section3 ul.tabArea li").first().addClass("on");
382			$("#section3 ul.tabArea li").last().removeClass("on");
383			$("#section3 .tab").first().addClass("on");
384			$("#section3 .tab").last().removeClass("on");
385			$(".tab-pagination span").first().addClass("on");
386			$(".tab-pagination span").last().removeClass("on");
387		}
388	});
389
390	$("#section3 .tabBtn-wrap .swiper-button-prev").on("click", function(){
391		var activeNum = $("#section3 ul.tabArea li.on").index();
392		$("#section3 ul.tabArea li.on").prev().addClass("on");
393		$("#section3 ul.tabArea li.on").next().removeClass("on");
394		$("#section3 .tab.on").prev().addClass("on");
395		$("#section3 .tab.on").next().removeClass("on");
396		$(".tab-pagination span.on").prev().addClass("on");
397		$(".tab-pagination span.on").next().removeClass("on");
398
399		if(activeNum < 1) {
400			$("#section3 ul.tabArea li").last().addClass("on");
401			$("#section3 ul.tabArea li").first().removeClass("on");
402			$("#section3 .tab").last().addClass("on");
403			$("#section3 .tab").first().removeClass("on");
404			$(".tab-pagination span").last().addClass("on");
405			$(".tab-pagination span").first().removeClass("on");
406		}
407	});
408});
409
410
411
412
413$(function(){
414
415    //도서없을때 높이
416    var mobileChk = ($("#wrap").width() < 1025) ? true : false;
417    if(mobileChk){
418        noBookHM();
419	} else {
420        noBookH();
421	}
422
423});
424$(window).load(function(){
425	var tabHeight = $("#section3 .tab").outerHeight(true);
426	var titHeight = $("#section3 .m_title").outerHeight(true) + $("#section3 .tabArea").outerHeight(true) + 60;
427	$("#section3").css('height',tabHeight + titHeight);
428});
429
430$(window).resize(function(){
431
432	var tabHeight = $("#section3 .tab").outerHeight(true);
433	var titHeight = $("#section3 .m_title").outerHeight(true) + $("#section3 .tabArea").outerHeight(true) + 60;
434	$("#section3").css('height',tabHeight + titHeight);
435
436    var mobileChk = ($("#wrap").width() < 1025) ? true : false;
437	if(mobileChk){
438        $(".bookListWrap .nodata").removeAttr("style");
439        $(".bookArea").removeAttr("style");
440        noBookHM();
441	} else {
442        $(".bookListWrap .nodata").removeAttr("style");
443        $(".bookList").removeAttr("style");
444        noBookH();
445	}
446
447});
448
449function noBookH() {
450    $(".bookArea").removeAttr("style");
451    var noBookH = $('.bookListWrap').height() + 2;
452    $(".bookListWrap .nodata").css("height",noBookH);
453    $(".bookArea").css("height",noBookH);
454}
455function noBookHM() {
456    $(".bookList").removeAttr("style");
457    var noBookHM = $('.bookListWrap').height() + 2;
458    $(".bookListWrap .nodata").css("height",noBookHM);
459    $(".bookList").css("height",noBookHM);
460}
461
462
463
464	
465
466$(function() {
467	$(window).scroll(function() {
468
469		const ww = window.innerWidth;
470		let scroll = $(window).scrollTop();
471		let sec1_top = $("#section1").offset().top;
472		let sec2_top = $("#section2").offset().top;
473		let sec3_top = $("#section3").offset().top;
474		let sec4_top = $("#section3 .serviceWrap .tab .techInfo").offset().top;
475
476		if( scroll > sec2_top) {
477			if (ww > 1024) {
478				gsap.to("#section3 .techInfo", {duration: 0.8, stagger: 0.015, opacity: 1, top:0, delay: 0.4});
479				gsap.to("#section3 .tabArea", {duration: 0.8, stagger: 0.015, opacity: 1, top:"auto", x: 0, delay: 1});
480				gsap.to("#section3 .TechSwiper", {duration: 0.8, stagger: 0.015, opacity: 1, bottom:0, delay: 1.6});
481				gsap.to("#section3 .tabOpWrap", {duration: 0.8, stagger: 0.015, opacity: 1, delay: 2.2});
482				gsap.to("#section3 .text_animation_01", {duration: 0.8, stagger: 0.015, opacity: 1, delay: 2.2});
483			} else {
484				gsap.to("#section3 .techInfo", {duration: 0.8, stagger: 0.015, opacity: 1, bottom:0, delay: 1.2});
485				gsap.to("#section3 .tabArea", {duration: 0.8, stagger: 0.015, opacity: 1, top:0, delay: 0.4});
486				gsap.to("#section3 .TechSwiper", {duration: 0.8, stagger: 0.015, opacity: 1, bottom:0, delay: 1.8});
487				gsap.to("#section3 .tabOpWrap", {duration: 0.8, stagger: 0.015, opacity: 1, delay: 2.6});
488			}
489		}
490
491		if( scroll > sec4_top) {
492			gsap.to("#section4 .board-list", {duration: 0.6, stagger: 0.015, opacity: 1, bottom:0, delay: 0.4});
493			gsap.to("#section4 a.Anibtn.white", {duration: 0.4, stagger: 0.015, opacity: 1, bottom:0, delay: 1.0});
494		}
495	});
496
497
498
499	
500	var mainLink = $('.quickLink li');
501	  mainLink.on('mouseover', function () {
502		var idx = $(this).index();
503		switch (idx) {
504		  case 0:
505			$('.quickLink').css('backgroundImage', 'url("/include2/image/main/infoBg_01.jpg")')
506			break;
507
508		  case 1:
509			$('.quickLink').css('backgroundImage', 'url("/include2/image/main/infoBg_02.jpg")')
510			break;
511
512		  case 2:
513			$('.quickLink').css('backgroundImage', 'url("/include2/image/main/infoBg_03.jpg")')
514			break;
515		}
516	  });
517});
518
519
520$(function(){
521	$(".tabArea li a").on('click', function(){
522		$(".tabArea li svg path").removeClass("active_dash");
523		$(this).find('path').addClass("active_dash");
524	});
525});
526
527
528//커서 움직임 효과
529
530$(document).mousemove(function(e){
531
532    gsap.to(".cursor", {duration: 0.2, left: e.pageX - 2, top: e.pageY - 2 });
533
534});
535
536$(function(){
537	$(".libList22").hover(function(){
538
539		$(".cursor").addClass("active");
540
541	}, function(){
542
543		$(".cursor").removeClass("active");
544
545	});
546
547
548
549	//커서 오버 효과2
550
551	$(".libList22").hover(function(){
552
553		$(".cursor").addClass("active2");
554
555	}, function(){
556
557		$(".cursor").removeClass("active2");
558
559	});
560});
561
562function fnDownContentsFile(file) {
563	var iframe = document.getElementById("hiddenFrame");
564	iframe.src ="/contents/fileDownload.do?fileNm=" + encodeURIComponent(file);
565}

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.