https://hanyangdgt.com/JS/Common.js

1var areawidth, areaheight;
2var basewidth, fontsize, defaultfontsize;
3
4//resizing
5function win_resize() {
6
7    var i, max;
8
9    areawidth = document.body.offsetWidth;
10    areaheight = window.innerHeight || $docel.clientHeight;
11
12    resizefont();
13}
14
15//set body font size
16function resizefont() {
17    defaultfontsize = 16
18    basewidth = 1280;
19    fontsize = defaultfontsize * areawidth / basewidth;
20
21    //if (fontsize > 20) {
22    //    fontsize = 20;
23    //}
24
25    $("html").css("font-size", fontsize)
26
27    //console.log(fontsize);
28}
29
30
31function MouseOver(id) {
32    switch (id) {
33        case "stockDiv":
34            //$(".stockDiv_Bg").css("display", "block");
35
36            $(".stockDiv_Bg").css("height", "22.5rem").css("width", "33.359375%");
37            $("#stockDiv_Bg_Text").css("visibility","visible");
38
39            break;
40        case "finaceDiv":
41            //$(".finaceDiv_Bg").css("display", "block");
42
43            $(".finaceDiv_Bg").css("height", "22.5rem").css("width", "33.28125%");
44            $("#finaceDiv_Bg_Text").css("visibility", "visible");
45
46            break;
47        case "discDiv":
48            //$(".discDiv_Bg").css("display", "block");
49
50            $(".discDiv_Bg").css("height", "22.5rem").css("width", "33.359375%");
51            $("#discDiv_Bg_Text").css("visibility", "visible");
52
53            break;
54
55        case "leaderDiv":
56            //$(".leaderDiv_Bg").css("display", "block");
57
58            $(".leaderDiv_Bg").css("height", "22.5rem").css("width", "100%");
59            $("#leaderDiv_Bg_Text").css("visibility", "visible");
60
61            break;
62        case "responsDiv":
63            //$(".responsDiv_Bg").css("display", "block");
64
65            $(".responsDiv_Bg").css("height", "22.5rem").css("width", "100%");
66            $("#responsDiv_Bg_Text").css("visibility", "visible");
67
68            break;
69        case "creativeDiv":
70            //$(".creativeDiv_Bg").css("display", "block");
71
72            $(".creativeDiv_Bg").css("height", "22.5rem").css("width", "100%");
73            $("#creativeDiv_Bg_Text").css("visibility", "visible");
74
75            break;
76        case "communiDiv":
77            //$(".communiDiv_Bg").css("display", "block");
78
79            $(".communiDiv_Bg").css("height", "22.5rem").css("width", "100%");
80            $("#communiDiv_Bg_Text").css("visibility", "visible");
81
82            break;
83
84
85        case "CleaderDiv":
86            $(".leaderDiv_Bg").css("display", "block");
87            break;
88        case "CresponsDiv":
89            $(".responsDiv_Bg").css("display", "block");
90            break;
91        case "CcreativeDiv":
92            $(".creativeDiv_Bg").css("display", "block");
93            break;
94        case "CcommuniDiv":
95            $(".communiDiv_Bg").css("display", "block");
96            break;
97
98        case "mapMarker":
99            $("#mapMarkerBase").css("display", "none");
100            $("#mapMarkerOver").css("display", "block");
101            break;
102
103
104        case "engLogo":
105            $("#engLogo").css("display", "none");
106            $("#engLogoOver").css("display", "block");
107            break;
108
109        case "hcmLogo":
110            $("#hcmLogo").css("display", "none");
111            $("#hcmLogoOver").css("display", "block");
112            break;
113
114        case "ctpLogo":
115            $("#ctpLogo").css("display", "none");
116            $("#ctpLogoOver").css("display", "block");
117            break;
118        
119
120        case "dgtMapMarker":
121            $("#markerDgtImg").css("display", "none");
122            $("#markerDgtImgOver").css("display", "block");
123            break;
124
125        case "semiconMapMarker":
126            $("#markerSemiImg").css("display", "none");
127            $("#markerSemiImgOver").css("display", "block");
128            break;
129        
130    }
131}
132
133function MouseOut(id) {
134
135    switch (id) {
136        case "stockDiv":
137            //$(".stockDiv_Bg").css("display", "none");
138
139            $(".stockDiv_Bg").css("height", "0").css("width", "0");
140            $("#stockDiv_Bg_Text").css("visibility", "hidden");
141
142            break;
143        case "finaceDiv":
144            //$(".finaceDiv_Bg").css("display", "none");
145
146            $(".finaceDiv_Bg").css("height", "0").css("width", "0");
147            $("#finaceDiv_Bg_Text").css("visibility", "hidden");
148
149            break;
150        case "discDiv":
151            //$(".discDiv_Bg").css("display", "none");
152
153            $(".discDiv_Bg").css("height", "0").css("width", "0");
154            $("#discDiv_Bg_Text").css("visibility", "hidden");
155
156            break;
157
158        case "leaderDiv":
159            //$(".leaderDiv_Bg").css("display", "none");
160
161            $(".leaderDiv_Bg").css("height", "0").css("width", "0");
162            $("#leaderDiv_Bg_Text").css("visibility", "hidden");
163
164            break;
165        case "responsDiv":
166            //$(".responsDiv_Bg").css("display", "none");
167
168            $(".responsDiv_Bg").css("height", "0").css("width", "0");
169            $("#responsDiv_Bg_Text").css("visibility", "hidden");
170
171            break;
172        case "creativeDiv":
173            //$(".creativeDiv_Bg").css("display", "none");
174
175            $(".creativeDiv_Bg").css("height", "0").css("width", "0");
176            $("#creativeDiv_Bg_Text").css("visibility", "hidden");
177            break;
178        case "communiDiv":
179            //$(".communiDiv_Bg").css("display", "none");
180
181            $(".communiDiv_Bg").css("height", "0").css("width", "0");
182            $("#communiDiv_Bg_Text").css("visibility", "hidden");
183            break;
184
185
186        case "CleaderDiv":
187            $(".leaderDiv_Bg").css("display", "none");
188            break;
189        case "CresponsDiv":
190            $(".responsDiv_Bg").css("display", "none");
191            break;
192        case "CcreativeDiv":
193            $(".creativeDiv_Bg").css("display", "none");
194            break;
195        case "CcommuniDiv":
196            $(".communiDiv_Bg").css("display", "none");
197            break;
198
199
200        case "mapMarker":
201            $("#mapMarkerBase").css("display", "block");
202            $("#mapMarkerOver").css("display", "none");
203            break;
204
205
206        case "engLogo":
207            $("#engLogo").css("display", "block");
208            $("#engLogoOver").css("display", "none");
209            break;
210
211        case "hcmLogo":
212            $("#hcmLogo").css("display", "block");
213            $("#hcmLogoOver").css("display", "none");
214            break;
215
216        case "ctpLogo":
217            $("#ctpLogo").css("display", "block");
218            $("#ctpLogoOver").css("display", "none");
219            break;
220
221
222        case "dgtMapMarker":
223            $("#markerDgtImg").css("display", "block");
224            $("#markerDgtImgOver").css("display", "none");
225            break;
226
227        case "semiconMapMarker":
228            $("#markerSemiImg").css("display", "block");
229            $("#markerSemiImgOver").css("display", "none");
230            break;
231       
232    }
233}
234
235function openDesc() {
236    $(".tg-desc").toggleClass('open');
237}
238function openDesc_20190729() {
239    $(".tg-desc-20190729").toggleClass('open');
240}