롤링 이미지 + 링크 > script

<style>
        A:link {
         COLOR: #0f296a; FONT-SIZE: 12px; TEXT-DECORATION: none
        }
        A:active {
         COLOR: #0f296a; FONT-SIZE: 12px; TEXT-DECORATION: none
        }
        A:visited {
         COLOR: #0f296a; FONT-SIZE: 12px; TEXT-DECORATION: none
        }
        A:hover {
         COLOR: #0f296a; TEXT-DECORATION: none}
        P {
         FONT-SIZE: 9pt
        }
        FONT {
         FONT-SIZE: 9pt
        }
        TD {
         FONT-SIZE: 9pt
        }
</style>
<script language='javascript'>
        document.write("<table width='209' border='0' cellspacing='0' cellpadding='0'>n");
        document.write("<tr><td bgcolor='#FFFFFF'>");

        var m3=new Array();
        m3[0] = "";
        var m3_str;

        m3_str = "";
        m3_str += "<table width='140' border='0' cellpadding='2' class='gulim9pblue'>";
        m3_str += "<tr bgcolor='#FFFFFF'>";
        m3_str += "<td align='center' valign='top'>";
        m3_str += "<a href='http://easyclub.ajowa.com/CS/handler/easyclub/kr/EventCollection-List?mediumCD=S1545' target='_new'><img src='http://www.ajowa.com/easyclub/S1545.gif' width='164' height='57' border='0'></a>";
        m3_str += "</td>";
        m3_str += "</tr><tr bgcolor='#FFFFFF'>";
        m3_str += "<td align='center' bgcolor='#FFFFFF'>";
        m3_str += "</td>";
        m3_str += "</tr></table>";
        m3[0] = m3_str;

        m3_str = "";
        m3_str += "<table width='140' border='0' cellpadding='2' class='gulim9pblue'>";
        m3_str += "<tr bgcolor='#FFFFFF'>";
        m3_str += "<td align='center' valign='top'>";
        m3_str += "<a href='http://easyclub.ajowa.com/CS/handler/easyclub/kr/EventCollection-List?mediumCD=S1545' target='_new'><img src='http://www.ajowa.com/easyclub/S1438.gif' width='164' height='57' border='0'></a>";
        m3_str += "</td>";
        m3_str += "</tr><tr bgcolor='#FFFFFF'>";
        m3_str += "<td align='center' bgcolor='#FFFFFF'>";
        m3_str += "</td>";
        m3_str += "</tr></table>";
        m3[1] = m3_str;

        m3_str = "";
        m3_str += "<table width='140' border='0' cellpadding='2' class='gulim9pblue'>";
        m3_str += "<tr bgcolor='#FFFFFF'>";
        m3_str += "<td align='center' valign='top'>";
        m3_str += "<a href='http://easyclub.ajowa.com/CS/handler/easyclub/kr/EventCollection-List?mediumCD=S1545' target='_new'><img src='http://www.ajowa.com/easyclub/S1618.gif' width='164' height='57' border='0'></a>";
        m3_str += "</td>";
        m3_str += "</tr><tr bgcolor='#FFFFFF'>";
        m3_str += "<td align='center' bgcolor='#FFFFFF'>";
        m3_str += "</td>";
        m3_str += "</tr></table>";
        m3[2] = m3_str;

        var m3_width=169                                                // 영역의 폭
        var m3_height=68                                                // 영역의 높이
        var m3_bgcolor=''                                                // 영역의 배경색
        var m3_background=''                                                // 영역의 배경 이미지
        var m3_cnt = 0                                                // 메세지 갯수
        var m3_speed='5'                                                // 스크롤 속도(단위:ms)
        var m3_wait='4000'                                                // 메세지 멈춤 시간(단위:ms)
        var m3_timerID=''                                                // 타이머 ID
        var m3_idx=0                                                // 첨자

        <!-- 실제 내용이 표시될 영역 Define -->

        document.writeln("<style>");
        document.writeln(" #m3_layer1 { position:absolute; width:'+m3_width+'; height:'+m3_height+'; top:0; left:0;}");
        document.writeln(" #m3_layer2 { position:absolute; width:'+m3_width+'; height:'+m3_height+'; top:0; left:0;}");
        document.writeln("</style>");

        document.writeln('<span style="position:relative;width:'+m3_width+';height:'+m3_height+';top:0;left:0;background-color:'+m3_bgcolor+'">')
        document.writeln('<div onMouseOver="rolling_mouseover()" onMouseOut="rolling_mouseout()" style="position:absolute;width:'+m3_width+';height:'+m3_height+';top:0;left:0;clip:rect(0 '+m3_width+' '+m3_height+' 0);overflow:hidden;">')

        document.writeln("<div id='m3_layer1'>");
        document.write(m3[0]);
        document.writeln("</div>");

        document.writeln("<div id='m3_layer2'>");
        if(m3.length == 1)
        m3[1] = m3[0]
        m3_cnt = m3.length
        document.write(m3[1]);
        document.writeln("</div>");

        document.writeln("</div>");
        document.writeln("</span>");

        function rolling_mouseover(){ // 마우스 over 시 스크롤 멈춤
                if(m3_timerID)
                        clearTimeout(m3_timerID)
        }

        function rolling_mouseout(){ // 마우스가 빠져 나갔을 때 스크롤 재시작
                m3_timerID = setTimeout("rolling_scroll()",m3_speed)
        }

        function rolling_scroll(){
                document.all["m3_layer1"].style.pixelTop = document.all["m3_layer1"].style.pixelTop - 1
                document.all["m3_layer2"].style.pixelTop = document.all["m3_layer2"].style.pixelTop - 1

                if(document.all["m3_layer2"].style.pixelTop == 0){
                        document.all["m3_layer1"].innerHTML = m3[m3_idx]
                        document.all["m3_layer1"].style.pixelTop = 0
                        m3_idx=(m3_idx+1)%m3_cnt // 다음에 올 메세지를 선택하기 위한 첨자 결정
                        document.all["m3_layer2"].innerHTML = m3[m3_idx]
                        document.all["m3_layer2"].style.pixelTop = m3_height+1
                        m3_timerID = setTimeout("rolling_scroll()",m3_wait)
                }else{
                        m3_timerID = setTimeout("rolling_scroll()",m3_speed)
                }
        }

        function m3_StartScroll(){
                                                                        // 페이지가 로드되면 단 한 번 실행되는 문장
                document.all["m3_layer1"].innerHTML = m3[0]
                document.all["m3_layer2"].innerHTML = m3[1]
                document.all["m3_layer2"].style.pixelTop = m3_height+1
                m3_idx=1

                m3_timerID = setTimeout("rolling_scroll()",m3_speed)
        }

        m3_StartScroll()

        document.write("</td></tr></table>");
</script>
<p> </p>