PageSourceSearch

https://hiddentag.com/js/index.js

js hiddentag.com collected 2026-10-01 14:19:12 UTC 12,706 bytes, 295 lines download raw bytes

1// index_header
2$(function(){//
3    //시작
4    let a = window.innerWidth;
5    let num = 1325;
6    if(a > num){
7        $("header").addClass("active");
8    }else{
9        $("header").removeClass("active");
10    }
11    // //시작
12
13
14    //화면 크기가 변경될 시에
15    $(window).resize(function(){
16        let a = window.innerWidth;
17        let scTop = $(window).scrollTop();
18        if(a <= num){
19            $("header").removeClass("active");
20        }else{
21            //스크롤이 내려가서 화면 크기가 변경될 시에
22            if(scTop != 0 && a >= num){
23                $("header").removeClass("active");
24            }else{
25                $("header").addClass("active");
26            }
27            // //스크롤이 내려가서 화면 크기가 변경될 시에
28        }
29    });
30    // //화면 크기가 변경될 시에
31    
32
33    // 화면이 1024이상일 때만 이벤트 발생 시키기
34    $("header").mouseenter(function(){
35        let a = window.innerWidth
36        if(a > num){
37            $("header").removeClass("active");
38        }
39    });
40    $("header").mouseleave(function(){
41        let a = window.innerWidth
42        if(a > num){
43            let scTop = $(window).scrollTop();
44            if(scTop == 0){
45                $("header").addClass("active");
46            }
47        }
48    });
49    // //화면이 1024이상일 때만 이벤트 발생 시키기
50
51
52    // 스크롤 시에 화면너비 1024 이상 스크롤 높이에 따라 이벤트 주기
53    $(window).scroll(function(){
54        let a = window.innerWidth
55        if(a > num){
56            let scTop = $(window).scrollTop();
57            if(scTop != 0){
58                $("header").removeClass("active");
59            }else{
60                $("header").addClass("active");
61            }
62        }
63    });
64    // //스크롤 시에 화면너비 1024 이상 스크롤 높이에 따라 이벤트 주기
65});
66
67
68
69
70// reference_area
71$(function(){
72    let list = $("#reference_wrap .content_area .top .reference_list");
73    let u_list = $("#reference_wrap .content_area .bottom .reference_list");
74    let i = 23;//추가시 수정.
75    for(a=1; a<i; a++){
76        $(list).prepend("<li><img src="+"./img//index_imgs/reference/index_reference_"+a+".jpg"+"></li>");
77    }
78    for(a=1; a<i; a++){
79        $(list).prepend("<li><img src="+"./img//index_imgs/reference/index_reference_"+a+".jpg"+"></li>");
80    }
81    let p = i+22;//추가시 수정.
82    let j = i
83    for(b=j; b<p; b++){
84        $(u_list).prepend("<li><img src="+"./img//index_imgs/reference/index_reference_"+b+".jpg"+"></li>");
85    }
86    for(b=j; b<p; b++){
87        $(u_list).prepend("<li><img src="+"./img//index_imgs/reference/index_reference_"+b+".jpg"+"></li>");
88    }
89
90
91    // $("#reference_area .content_area .top ul").css("left", 0);
92    // $("#reference_area .content_area .bottom ul").css("right", 0);
93
94    
95    // setInterval(function(){
96    //     let move = $(".reference_list").outerWidth();
97    //     let harf = move/2
98    //     $("#reference_area .content_area .top ul").animate({left:-harf},23000,'linear',function(){
99    //         $("#reference_area .content_area .top ul").css({left:0});
100    //     },0);
101    //     $("#reference_area .content_area .bottom ul").animate({right:-harf},23000,'linear',function(){
102    //         $("#reference_area .content_area .bottom ul").css({right:0});
103    //     },0);
104    //     $(window).resize(function(){
105    //         let move = $(".reference_list").outerWidth();
106    //         let harf = move/2
107    //             $("#reference_area .content_area .top ul").css({left:0,widht:move});
108    //             $("#reference_area .content_area .bottom ul").css({right:0,widht:move});
109    //             $("#reference_area .content_area .top ul").stop().animate({left:-harf},23000,'linear',function(){
110    //                 $("#reference_area .content_area .top ul").css({left:0,widht:move});
111    //             },0);
112    //             $("#reference_area .content_area .bottom ul").stop().animate({right:-harf},23000,'linear',function(){
113    //                 $("#reference_area .content_area .bottom ul").css({right:0,widht:move});
114    //             },0);
115    //     })
116    // });
117});
118
119// hiddentag_biz_area
120$(function(){
121        let wid = window.innerWidth;
122        let num = 1325;
123    
124        $(".biz_select_text").after("<span class="+"arrow_img"+"></span>");
125        $(".biz_select_text").before("<span class="+"object_img"+"></span>");
126        let i = $("#hiddentag_biz_wrap .content_area li").length;
127        for(a=0;  i>a; a++){
128            $("#hiddentag_biz_wrap .content_area li:eq("+a+") .object_img").append("<img src="+"./img/index_imgs/HiddenTag_biz_section/biz"+a+".png"+">");
129        }
130    
131        let m = $("#hiddentag_biz_wrap .content_area li.active").index();
132        
133        $("#hiddentag_biz_area").attr("style","background: url("+"./img/index_imgs/HiddenTag_biz_section/biz"+m+".jpg"+");");
134
135    
136        $("#hiddentag_biz_wrap .content_area li").mouseover(function(){
137            let wid = window.innerWidth;
138            if(wid > num){
139                $(this).addClass("active").siblings().removeClass("active");
140
141                let m = $("#hiddentag_biz_wrap .content_area li.active").index();
142                $("#hiddentag_biz_area").attr("style","background: url("+"./img/index_imgs/HiddenTag_biz_section/biz"+m+".jpg"+");");
143            }
144        });
145
146        if(wid <= num){
147            for(a=0;  i>a; a++){
148                $("#hiddentag_biz_wrap .content_area li:eq("+a+") .arrow_img").appendTo("#hiddentag_biz_wrap li:eq("+a+") .biz_select_text div:nth-of-type(2)");
149            }
150        }
151        $(window).resize(function(){
152            let wid = window.innerWidth;
153            if(wid <= num){
154                for(a=0;  i>a; a++){
155                    $("#hiddentag_biz_wrap .content_area li:eq("+a+") .arrow_img").appendTo("#hiddentag_biz_wrap li:eq("+a+") .biz_select_text div:nth-of-type(2)")
156                }
157            }else{
158                for(a=0;  i>a; a++){
159                    $("#hiddentag_biz_wrap .content_area li:eq("+a+") .arrow_img").appendTo("#hiddentag_biz_wrap a:eq("+
159a+")")
160                }
161            }
162        });
163
164        
165        if(wid <= num){
166            let evevt_h2_a = $("#hiddentag_biz_wrap .content_area ul li.active").outerHeight()*4;
167            $("#hiddentag_biz_wrap .content_area ul").css({"height":evevt_h2_a});
168        }else{
169            $("#hiddentag_biz_wrap .content_area ul").attr("style","");
170        }
171
172        $(window).scroll(function(){
173            let wid = window.innerWidth;
174            let evevt_h = $("#hiddentag_biz_wrap .content_area").height(); //기준점의 높이값
175            let evevt_h2 = $("#hiddentag_biz_wrap .content_area ul").height(); //오브잭트의 높이값
176            let evevt_h3 = (evevt_h - evevt_h2)/4; //실제 써야할 높이의 너비값
177            let s = $("#hiddentag_biz_wrap .content_area").offset().top; //기준점의 머릿값
178
179            let pos = $("#hiddentag_biz_wrap .content_area ul").offset().top; //오브잭트의 머리 위치 값
180
181            if(wid <= num){
182            let evevt_h2_a = $("#hiddentag_biz_wrap .content_area ul li.active").outerHeight()*4;
183                $("#hiddentag_biz_wrap .content_area ul").css({"height":evevt_h2_a});
184            }else{
185                $("#hiddentag_biz_wrap .content_area ul").attr("style","");
186            }
187            let m = $("#hiddentag_biz_wrap .content_area li.active").index();
188            $("#hiddentag_biz_area").attr("style","background: url("+"./img/index_imgs/HiddenTag_biz_section/biz"+m+".jpg"+");");
189            
190            console.log(pos);
191
192            if(pos > s && pos <= evevt_h3 + s){
193                p = 0;
194                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+")").addClass("active").siblings().removeClass("active");
195                $("#hiddentag_biz_wrap .content_area ul li:lt("+p+")").addClass("zero");
196                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+").active").removeClass("zero");
197            }else if(pos > evevt_h3 + s && pos <= evevt_h3*2 + s){
198                p = 1;
199                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+")").addClass("active").siblings().removeClass("active");
200                $("#hiddentag_biz_wrap .content_area ul li:lt("+p+")").addClass("zero");
201                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+").active").removeClass("zero");
202            }else if(pos > evevt_h3*2 + s && pos <= evevt_h3*3 + s){
203                p = 2;
204                
205                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+")").addClass("active").siblings().removeClass("active");
206                $("#hiddentag_biz_wrap .content_area ul li:lt("+p+")").addClass("zero");
207                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+").active").removeClass("zero");
208            }else if(pos > evevt_h3*3 + s && pos <= evevt_h3*4 + s){
209                p = 3;
210                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+")").addClass("active").siblings().removeClass("active");
211                $("#hiddentag_biz_wrap .content_area ul li:lt("+p+")").addClass("zero");
212                $("#hiddentag_biz_wrap .content_area ul li:eq("+p+").active").removeClass("zero");
213            }
214        });
215});
216
217// features_area
218$(function(){
219    let img = $("#features_area .tap_wrap .cont_area");
220    img.prepend("<div class="+"img"+"></div>");
221    // let i = $("#features_area .tap_wrap li").length;
222    // for(a=0;  i>a; a++){
223    //     $("#features_area .tap_wrap li:eq("+a+") .img").append("<img src="+"./img/index_imgs/features/features_"+a+".png"+">");
224    // }
225    
226    //let j = $("#features_area .tap_wrap li.active").index();
227    $("#features_area").prepend("<div class="+"blur"+"><div>");
228    
229    $(".blur").animate({left:0,opacity:0.5},1000,"swing");
230
231    $(function(){
232        $("#features_area .tap_wrap li").click(function(){
233            $(this).addClass("active").siblings().removeClass("active");
234            let call = $(this).index();
235            $(this).find(".img").attr("style","background-image: url("+"./img/index_imgs/features/features_"+call+".png"+");");
236            $(".blur").attr("style","background-image: url("+"./img/index_imgs/features/features_"+call+".png"+");");
237            $(".blur").stop().animate({left:0,opacity:0.5},1000,"swing");
238        });
239    })
240});
241
242/* count box */
243/* 고객사 수, 정품인증 수, 정품제품 수, 앱 다운로드  */
244function totalCounts() {
245    $.ajax({
246        type: "get",
247        url: "/home/getTotalCounts.hm",
248        dataType: "json",
249        success: function(data) {
250            //console.log("data:", data);
251            //console.log("JSON 응답:", JSON.stringify(data, null, 2));
252
253            if (data != null && data.data) {
254                var cuscnt = parseInt(data.data.cus_total.replace(/,/g, ""), 10) || 0;
255                var det = parseInt(data.data.det_total.replace(/,/g, ""), 10) || 0;
256                var dataCnt = parseInt(data.data.data_total.replace(/,/g, ""), 10) || 0;
257				var down = parseInt(data.data.down_total.replace(/,/g, ""), 10) || 0;
258				
259                animateCountUp(".cus_total", cuscnt);
260                animateCountUp(".det_total", det);
261                animateCountUp(".data_total", dataCnt);
262                animateCountUp(".down_total", down);
263            }
264            
265            /*2025-03-24 21개 산업군 1,100개 부분 동적으로 변경[s]*/
266		    let roundedVal = Math.floor(cuscnt / 100) * 100;
267		    let formattedVal = roundedVal.toLocaleString();
268		    $(".math_floor").empty().append(formattedVal);
269		    /*2025-03-24 21개 산업군 1,100개 부분 동적으로 변경[e]*/
270        }
271    });
272}
273
274function animateCountUp(selector, targetValue) {
275    var $element = $(selector);
276    
277    $({ countNum: 0 }).animate(
278        { countNum: targetValue },
279        {
280            duration: 3000, // 3초 동안 실행
281            easing: "swing",
282            step: function(now) {
283                $element.text(Math.floor(now).toLocaleString()); // 콤마 포함하여 표시
284            },
285            complete: function() {
286                $element.text(targetValue.toLocaleString()); // 최종 숫자에 콤마 추가
287            }
288        }
289    );
290}
291
292$(document).ready(function() {   
293    totalCounts(); // 고객사 수, 정품인증 수, 정품제품 수, 앱 다운로드 수
294});
295

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.