/*Btn_클릭시 변화 */ function Btn_Effect(idx) { switch (idx) { case 1 : // 탭 변경 document.getElementById("tab_01").src = "new_energy/images/main/data_01_on.gif"; document.getElementById("tab_02").src = "new_energy/images/main/data_02_off.gif"; document.getElementById("tab_03").src = "new_energy/images/main/data_03_off.gif"; document.getElementById("tab_04").src = "new_energy/images/main/data_04_off.gif"; document.getElementById("tab_05").src = "new_energy/images/main/data_05_off.gif"; // 내용 변경 document.getElementById("btn_01").style.display = "block"; document.getElementById("btn_02").style.display = "none"; document.getElementById("btn_03").style.display = "none"; document.getElementById("btn_04").style.display = "none"; document.getElementById("btn_05").style.display = "none"; break; case 2 : // 탭 변경 document.getElementById("tab_01").src = "new_energy/images/main/data_01_off.gif"; document.getElementById("tab_02").src = "new_energy/images/main/data_02_on.gif"; document.getElementById("tab_03").src = "new_energy/images/main/data_03_off.gif"; document.getElementById("tab_04").src = "new_energy/images/main/data_04_off.gif"; document.getElementById("tab_05").src = "new_energy/images/main/data_05_off.gif"; // 내용 변경 document.getElementById("btn_01").style.display = "none"; document.getElementById("btn_02").style.display = "block"; document.getElementById("btn_03").style.display = "none"; document.getElementById("btn_04").style.display = "none"; document.getElementById("btn_05").style.display = "none"; break; case 3 : // 탭 변경 document.getElementById("tab_01").src = "new_energy/images/main/data_01_off.gif"; document.getElementById("tab_02").src = "new_energy/images/main/data_02_off.gif"; document.getElementById("tab_03").src = "new_energy/images/main/data_03_on.gif"; document.getElementById("tab_04").src = "new_energy/images/main/data_04_off.gif"; document.getElementById("tab_05").src = "new_energy/images/main/data_05_off.gif"; // 내용 변경 document.getElementById("btn_01").style.display = "none"; document.getElementById("btn_02").style.display = "none"; document.getElementById("btn_03").style.display = "block"; document.getElementById("btn_04").style.display = "none"; document.getElementById("btn_05").style.display = "none"; break; case 4 : // 탭 변경 document.getElementById("tab_01").src = "new_energy/images/main/data_01_off.gif"; document.getElementById("tab_02").src = "new_energy/images/main/data_02_off.gif"; document.getElementById("tab_03").src = "new_energy/images/main/data_03_off.gif"; document.getElementById("tab_04").src = "new_energy/images/main/data_04_on.gif"; document.getElementById("tab_05").src = "new_energy/images/main/data_05_off.gif"; // 내용 변경 document.getElementById("btn_01").style.display = "none"; document.getElementById("btn_02").style.display = "none"; document.getElementById("btn_03").style.display = "none"; document.getElementById("btn_04").style.display = "block"; document.getElementById("btn_05").style.display = "none"; break; case 5 : // 탭 변경 document.getElementById("tab_01").src = "new_energy/images/main/data_01_off.gif"; document.getElementById("tab_02").src = "new_energy/images/main/data_02_off.gif"; document.getElementById("tab_03").src = "new_energy/images/main/data_03_off.gif"; document.getElementById("tab_04").src = "new_energy/images/main/data_04_off.gif"; document.getElementById("tab_05").src = "new_energy/images/main/data_05_on.gif"; // 내용 변경 document.getElementById("btn_01").style.display = "none"; document.getElementById("btn_02").style.display = "none"; document.getElementById("btn_03").style.display = "none"; document.getElementById("btn_04").style.display = "none"; document.getElementById("btn_05").style.display = "block"; break; default : // 탭 변경 document.getElementById("tab_01").src = "new_energy/images/main/data_01_on.gif"; document.getElementById("tab_02").src = "new_energy/images/main/data_02_off.gif"; document.getElementById("tab_03").src = "new_energy/images/main/data_03_off.gif"; document.getElementById("tab_04").src = "new_energy/images/main/data_04_off.gif"; document.getElementById("tab_05").src = "new_energy/images/main/data_05_off.gif"; // 내용 변경 document.getElementById("btn_01").style.display = "block"; document.getElementById("btn_02").style.display = "none"; document.getElementById("btn_03").style.display = "none"; document.getElementById("btn_04").style.display = "none"; document.getElementById("btn_05").style.display = "none"; break; } return false; } /*지도 data 변화 */ function Map_Point(point_id) { switch (point_id) { case 01 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_on.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "block"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 02 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_on.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "block"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 03 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_on.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "block"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 04 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_on.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "block"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 05 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_on.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "block"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 06 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_on.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "block"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 07 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_on.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "block"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 08 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_on.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "block"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 09 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_on.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "block"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 10 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_on.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "block"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 11 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_on.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "block"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 12 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_on.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "block"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 13 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_on.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "block"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 14 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_on.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "block"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; case 15 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_on.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "block"; document.getElementById("map_16").style.display = "none"; break; case 16 : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_on.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "block"; break; default : // 탭 변경 document.getElementById("local_01").src = "new_energy/images/main/local/map_01_off.gif"; document.getElementById("local_02").src = "new_energy/images/main/local/map_02_off.gif"; document.getElementById("local_03").src = "new_energy/images/main/local/map_03_off.gif"; document.getElementById("local_04").src = "new_energy/images/main/local/map_04_off.gif"; document.getElementById("local_05").src = "new_energy/images/main/local/map_05_off.gif"; document.getElementById("local_06").src = "new_energy/images/main/local/map_06_off.gif"; document.getElementById("local_07").src = "new_energy/images/main/local/map_07_off.gif"; document.getElementById("local_08").src = "new_energy/images/main/local/map_08_off.gif"; document.getElementById("local_09").src = "new_energy/images/main/local/map_09_off.gif"; document.getElementById("local_10").src = "new_energy/images/main/local/map_10_off.gif"; document.getElementById("local_11").src = "new_energy/images/main/local/map_11_off.gif"; document.getElementById("local_12").src = "new_energy/images/main/local/map_12_off.gif"; document.getElementById("local_13").src = "new_energy/images/main/local/map_13_off.gif"; document.getElementById("local_14").src = "new_energy/images/main/local/map_14_off.gif"; document.getElementById("local_15").src = "new_energy/images/main/local/map_15_off.gif"; document.getElementById("local_16").src = "new_energy/images/main/local/map_16_off.gif"; // 내용 변경 document.getElementById("map_01").style.display = "none"; document.getElementById("map_02").style.display = "none"; document.getElementById("map_03").style.display = "none"; document.getElementById("map_04").style.display = "none"; document.getElementById("map_05").style.display = "none"; document.getElementById("map_06").style.display = "none"; document.getElementById("map_07").style.display = "none"; document.getElementById("map_08").style.display = "none"; document.getElementById("map_09").style.display = "none"; document.getElementById("map_10").style.display = "none"; document.getElementById("map_11").style.display = "none"; document.getElementById("map_12").style.display = "none"; document.getElementById("map_13").style.display = "none"; document.getElementById("map_14").style.display = "none"; document.getElementById("map_15").style.display = "none"; document.getElementById("map_16").style.display = "none"; break; } return false; } /* rotate content */ function ImageRotation() { // options var scrollType = 'vertical'; // 'horizontal', 'vertical', 'none'; // private var currentNumber = 0; var objWrap = null; var objContentBox = null; var objWrapLIs = null; var cellWidth = 0; var cellHeight = 0; this.GoodsSetTime = null; // scroll animation variables. var scroll = {time:1, start:0, change:0, duration:25, timer:null}; var originaltime = scroll.time; this.setScrollType = function (type) { switch (type) { case 'vertical': case 'horizontal': case 'none': scrollType = type; break; default: alert('!'); break; } } // constructor this.initialize = function () { objWrap = document.getElementById(this.wrapId); objContentBox = document.getElementById(this.listId); objWrapLIs = objWrap.getElementsByTagName('li'); ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////// //////////////////////////////////// //////////////////////////////////// 메인페이지 상단 자원지도갤러리 좌우스크롤 코드 비활성화 //////////////////////////////////// //////////////////////////////////// //////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //cellWidth = objWrapLIs[0].offsetWidth; //cellHeight = objWrapLIs[0].offsetHeight; ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// switch (scrollType) { case 'vertical': this.objWrapSize = objWrap.offsetHeight; this.objSize = objWrapLIs.length * cellHeight; break; case 'none': this.objWrapSize = objWrap.offsetWidth; this.objSize = objWrapLIs.length * cellWidth; break; default: this.objWrapSize = objWrap.offsetWidth; this.objSize = objWrapLIs.length * cellWidth; break; } if (this.objWrapSize <= this.objSize) { if (objWrapLIs.length > 0) { switch (scrollType) { case 'vertical': objContentBox.style.height = objWrapLIs.length * cellHeight + 'px'; break; case 'none': objContentBox.style.width = objWrapLIs.length * cellWidth + 'px'; break; default: objContentBox.style.width = objWrapLIs.length * cellWidth + 'px'; break; } } document.getElementById(this.btnPrev).href = "javascript:" + this.objName + ".prev();"; document.getElementById(this.btnNext).href = "javascript:" + this.objName + ".next();"; if (this.autoScroll == 'none') { } else { if (this.scrollDirection == 'direction') { this.GoodsSetTime = setInterval(this.objName + ".next()", this.scrollGap); } else { this.GoodsSetTime = setInterval(this.objName + ".prev()", this.scrollGap); } } } else { document.getElementById(this.btnPrev).href = "javascript:" + this.objName + ".none();"; document.getElementById(this.btnNext).href = "javascript:" + this.objName + ".none();"; } } this.none = function() { return; } this.prev = function () { if (currentNumber == 0) { var objLastNode = objContentBox.removeChild(objContentBox.getElementsByTagName('li').item(objWrapLIs.length - 1)); objContentBox.insertBefore(objLastNode, objContentBox.getElementsByTagName('li').item(0)); switch (scrollType) { case 'vertical': objWrap.scrollTop += cellHeight; break; case 'none': objWrap.scrollLeft += cellWidth; break; default: objWrap.scrollLeft += cellWidth; break; } currentNumber++; } var position = getActionPoint('indirect'); startScroll(position.start, position.end); currentNumber = currentNumber - 1; if (currentNumber > 0) currentNumber = 0; if (this.autoScroll == 'none') { } else { this.scrollDirection = 'indirection'; clearInterval(this.GoodsSetTime); this.GoodsSetTime = setInterval(this.objName + ".prev()", this.scrollGap); } } this.next = function () { if (currentNumber == objWrapLIs.length - 1) { var objLastNode = objContentBox.removeChild(objContentBox.getElementsByTagName('li').item(0)); objContentBox.appendChild(objLastNode); switch (scrollType) { case 'vertical': objWrap.scrollTop -= cellHeight; break; case 'none': objWrap.scrollLeft -= cellWidth; break; default: objWrap.scrollLeft -= cellWidth; break; } currentNumber--; } var position = getActionPoint('direct'); startScroll(position.start, position.end); currentNumber = currentNumber + 1; if (currentNumber < objWrapLIs.length - 1) currentNumber = objWrapLIs.length - 1; if (this.autoScroll == 'none') { } else { this.scrollDirection = 'indirection'; clearInterval(this.GoodsSetTime); this.GoodsSetTime = setInterval(this.objName + ".next()", this.scrollGap); } } var startScroll = function (start, end) { if (scroll.timer != null) { clearInterval(scroll.timer); scroll.timer = null; } scroll.start = start; scroll.change = end - start; switch (scrollType) { case 'vertical': scroll.timer = setInterval(scrollVertical, 15); break; case 'none': objWrap.scrollLeft = end; break; default: scroll.timer = setInterval(scrollHorizontal, 15); break; } } var scrollVertical = function () { if (scroll.time > scroll.duration) { clearInterval(scroll.timer); scroll.time = originaltime; scroll.timer = null; } else { objWrap.scrollTop = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration); scroll.time++; } } var scrollHorizontal = function () { if (scroll.time > scroll.duration) { clearInterval(scroll.timer); scroll.time = originaltime; scroll.timer = null; } else { objWrap.scrollLeft = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration); scroll.time++; } } var getActionPoint = function (dir) { if (dir == 'direct') { var position = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber + 1)); // target image. var offsetPos = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber)); // first image. } else { var position = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber - 1)); // target image. var offsetPos = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber)); // first image. } switch (scrollType) { case 'vertical': var start = objWrap.scrollTop; var end = position[1] - offsetPos[1]; break; case 'none': // do nothing. break; default: var start = objWrap.scrollLeft; var end = position[0] - offsetPos[0]; break; } var position = {start:0, end:0}; position.start = start; position.end = end; return position; } var sineInOut = function (t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; } var findElementPos = function (elemFind) { var elemX = 0; var elemY = 0; do { elemX += elemFind.offsetLeft; elemY += elemFind.offsetTop; } while (elemFind = elemFind.offsetParent) return Array(elemX, elemY); } } /*======================================== js_rolling.js #간단설명
라고 했을 경우 div안의 img를 위,오른쪽,아래,왼쪽으로 롤링 시킨다. # 사용법 //JS스크립트 로드
//처럼 구성후 div의 너비와 높이는 꼭 정해주기 바랍니다.
1etc
2
3
4
이렇게 구성할 경우 방향은 위,아래로만 가능합니다 var roll = new js_rolling('rolling'); or var roll = new js_rolling(document.getElementById('rolling')); // id이름을 적던지, 직접 대상을 지목해서 롤링 클래스로 객체를 만듬 roll.set_direction(4); // 반향을 바꿈. 1: top, 2:right, 3:bottom 4:left 그외의 경우 동작안함 roll.move_gap = 1; //움직이는 픽셀단위 roll.time_dealy = 10; //움직이는 타임딜레이 roll.time_dealy_pause = 5000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함 roll.start(); //롤링 동작 roll.move_up(); //위로 한번 롤링 (반향이 top,botton일때만 동작) roll.move_right(); //오른쪽으로 한번 롤링(반향이 right,left일때만 동작) roll.move_down(); //아래로 한번 롤링(반향이 top,botton일때만 동작) roll.move_left(); //왼쪽으로 한번 롤링(반향이 right,left일때만 동작) #주의 반향이 top,bottom일 경우 내부 태그는 block요소(div)로 반향이 left,right일 경우 내부태그는 inline요소(a,span)으로 해수세요. FF에서 top,bottom의 경우 inline요소일 경우 offsetHeight를 잘못알아옵니다. #사용제약 사용시 "공대여자는 예쁘다"를 나타내셔야합니다. 만든날 : 2007-06-07 수정일 : 2007-08-11 만든이 : mins01,mins,공대여자 홈페이지 : http://www.mins01.com NateOn&MSN : mins01(at)lycos.co.kr ========================================*/ var js_rolling = function(this_s){ // 시간단위는 ms로 1000이 1초 if(this_s.nodeType==1){ this.this_s = this_s; }else{ this.this_s = document.getElementById(this_s); } this.is_rolling = false; this.direction = 1; //1:top, 2:right, 3:bottom, 4:left (시계방향) // 1번과 4번만 됨 this.children = null; this.move_gap = 1; //움직이는 픽셀단위 this.time_dealy = 100; //움직이는 타임딜레이 this.time_dealy_pause = 1500;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함 this.time_timer=null; this.time_timer_pause=null; this.mouseover=false; this.init(); this.set_direction(this.direction); } js_rolling.prototype.init = function(){ this.this_s.style.position='relative'; this.this_s.style.overflow='hidden'; var children = this.this_s.childNodes; for(var i=(children.length-1);0<=i;i--){ if(children[i].nodeType==1){ children[i].style.position='relative'; }else{ this.this_s.removeChild(children[i]); } } var this_s=this; this.this_s.onmouseover=function(){ this_s.mouseover=true; if(!this_s.time_timer_pause){ this_s.pause(); } } this.this_s.onfocus=function(){ this_s.mouseover=true; if(!this_s.time_timer_pause){ this_s.pause(); } } this.this_s.onmouseout=function(){ this_s.mouseover=false; if(!this_s.time_timer_pause){ this_s.resume(); } } } js_rolling.prototype.set_direction = function(direction){ this.direction=direction; if(this.direction==2 ||this.direction==4){ this.this_s.style.whiteSpace='nowrap'; }else{ this.this_s.style.whiteSpace='normal'; } var children = this.this_s.childNodes; for(var i=(children.length-1);0<=i;i--){ if(this.direction==1){ children[i].style.display='block'; }else if(this.direction==2){ children[i].style.textlign='right'; children[i].style.display='inline'; }else if(this.direction==3){ children[i].style.display='block'; }else if(this.direction==4){ children[i].style.display='inline'; } } this.init_element_children(); } js_rolling.prototype.init_element_children = function(){ var children = this.this_s.childNodes; this.children = children; for(var i=(children.length-1);0<=i;i--){ if(this.direction==1){ children[i].style.top='0px'; }else if(this.direction==2){ children[i].style.left='-'+this.this_s.firstChild.offsetWidth+'px'; }else if(this.direction==3){ children[i].style.top='-'+this.this_s.firstChild.offsetHeight+'px'; }else if(this.direction==4){ children[i].style.left='0px'; } } } js_rolling.prototype.act_move_up = function(){ for(var i = 0,m=this.children.length;i=0){ this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } } js_rolling.prototype.move_down = function(){ if(this.direction!=1&&this.direction!=3){return false;} this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } js_rolling.prototype.act_move_left = function(){ for(var i = 0,m=this.children.length;i=0){ this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } } js_rolling.prototype.move_right = function(){ if(this.direction!=2&&this.direction!=4){return false;} this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } js_rolling.prototype.start = function(){ //롤링 시작 var this_s = this; this.stop(); this.is_rolling = true; var act = function(){ if(this_s.is_rolling){ if(this_s.direction==1){this_s.act_move_up();} else if(this_s.direction==2){this_s.act_move_right();} else if(this_s.direction==3){this_s.act_move_down();} else if(this_s.direction==4){this_s.act_move_left();} } } this.time_timer = setInterval(act,this.time_dealy); } js_rolling.prototype.pause_act = function(){ //일시 동작 if(this.time_dealy_pause){ var this_s = this; var act = function(){this_s.resume();this_s.time_timer_pause=null;} if(this.time_timer_pause){clearTimeout(this.time_timer_pause);} this.time_timer_pause = setTimeout(act,this.time_dealy_pause); this.pause(); } } js_rolling.prototype.pause = function(){ //일시 멈춤 this.is_rolling = false; } js_rolling.prototype.resume = function(){ //일시 멈춤 해제 if(!this.mouseover){ this.is_rolling = true; } } js_rolling.prototype.stop = function(){ //롤링을 끝냄 this.is_rolling = false; if(!this.time_timer){ clearInterval(this.time_timer); } this.time_timer = null }