본문 바로가기

Web/Javascript

메인 다중 게시판 보이기

// 더 나은방법으로 바꿔야하겠는데 흠.. 귀차니즘..

// <a href="#" onMouseOver="MainNotice(0)"><img id='notice_img' src="mainimg/notice_ttl11.gif" width="120" height="40" border="0"></a>
//<table cellspacing='0' cellpadding='0' border='0' width='95%' align='center'><tr id='info'><td>1</td></tr></table>


function MainNotice(id)
{
    origin = new Array('/mainimg/notice_ttl1.gif',
                        '/mainimg/notice_ttl2.gif',
                        '/mainimg/notice_ttl3.gif');

    over = new Array('/mainimg/notice_ttl11.gif',
                        '/mainimg/notice_ttl22.gif',
                        '/mainimg/notice_ttl33.gif');

    img = document.all('notice_img');
    var obj = document.all('info');    
    var len = obj.length;

    for(i=0; i<len; ++i)
    {
        if(eval(id)==i)
        {
            obj[i].style.display='block';
            img[i].src=over[i];
        }
        else
        {
            obj[i].style.display='none';
            img[i].src=origin[i];
        }
    }
}

function LoadMainNotice()
{
    var img = document.all('notice_img');
    img[0].src='/mainimg/notice_ttl11.gif';
}

'Web > Javascript' 카테고리의 다른 글

this.blur()  (0) 2013.09.26
Jscript 예제  (0) 2013.09.26
이미지 페이드  (0) 2013.09.26
서브 레이어 메뉴 ( 클릭 ) 메뉴  (0) 2013.09.26
obj.options[obj.selectedIndex].value  (0) 2013.09.26