하단이나 상단에 가로로 흘러가는 배너스크립트

사이트에 흘러가는 배너를 넣을일이 종종있는데..쓸만한 소스가 있어서 퍼옴.

출처는..지금 관리하는 사이트 ㅋㅋ

요 아래 소스 그대로 붙여넣고, 이미지와 링크 배열값만 바꿔주면 됨. 잘짰넹..ㅎㅎ

<center>

<!-- 제휴사 Start -->

<table width="880" border="0" cellspacing="0" cellpadding="0" align="center">

  <tr>

    <td colspan="2" height="26"></td>

  </tr>

  <tr>

    <td colspan="2" height="1" bgcolor="#e2e2e2"></td>

  </tr>

  <tr>

    <td colspan="2" height="1" bgcolor="#f6f6f6"></td>

  </tr>

  <tr>

    <td width="115"><!--<a href="/guide/PartnerShip.asp">--><img src="/main/image/sponsor.gif" border="0"></a></td>

    <td width="765"><Div id="BottomBanner" style="OVERFLOW:hidden; WIDTH:765px; POSITION:relative; HEIGHT:45px"

        onmouseover="JAVAscripｔ:BBanner_act=false;" onmouseout="JAVAscripｔ:BBanner_act=true;"></Div>

    </td>

  </tr>

</table>

<!-- 제휴사 End -->

<SCRIPT LANGUAGE="javascript">

<!--

  var BBanner_act = true;

  var BottomSp = 30;    // 이미지간 여백을 주기 위한 With

  var BottomLeft = 0;   // 레이어 Left

  var BottomTop = 10;    // 레이어 Top

  var BottomL = "";     // 레이어 생성 

  var TempWidth;

  var TempImgObj = new Image();  // 이미지

  //Array("이미지 URL", "Link URL", 이미지 width) : 이 배열만 바꿔주면 이미지 교체할 수 있음.

  var BottomArr=new Array

            (

              Array("/main/image/molab.gif", "http://www.molab.go.kr", 80),

              Array("/main/image/moleg.gif", "http://www.moleg.go.kr", 110),

              Array("/main/image/scourt.gif", "http://www.scourt.go.kr", 104),

              Array("/main/image/nlrc.gif", "http://www.nlrc.go.kr", 160),

              Array("/main/image/kut.gif", "http://www.kut.ac.kr", 206),

              Array("/main/image/etax.gif", "http://www.etaxkorea.net", 134),

      Array("/main/image/minju.gif", "http://www.nodong.org", 200),

      Array("/main/image/fktu.gif", "http://www.fktu.or.kr", 163),

              Array("/main/image/kef.gif", "http://www.kef.or.kr", 131)

)

              

  for (var i=0;i<BottomArr.length;i++)

    {

      TempWidth = BottomArr[i][2] + BottomSp;           

      BottomL += "<DIV id='BottomB" +i+ "' STYLE='position:absolute; top:" +BottomTop+ "; left:" +BottomLeft+ "; width:" + TempWidth+ ";'>" ;

      if (BottomArr[i][1] != "")  BottomL += "<a href='" +BottomArr[i][1]+ "' target='_blank'>" ;

      BottomL += "<img src='" +BottomArr[i][0]+ "' border='0'>" ;

      if (BottomArr[i][1] != "")  BottomL += "</a>" ;    

      BottomL += "</Div>" ;

      BottomLeft += TempWidth;

    }

  document.getElementById("BottomBanner").innerHTML =  BottomL;

  BottomMovie();

  // 베너 흐르게 하는 함수           

  function BottomMovie(){

    var obj             // 레이어 Object

    var TempL, TempW;   // 레이어의 Left, 레이어의 With

    

    if (BBanner_act)

    {

      for(var i=0;i<BottomArr.length;i++)

      { 

        obj = document.getElementById('BottomB' +i);

        TempW = parseInt(obj.style.width);

        TempL = parseInt(obj.style.left) -1;    

        if (TempL <= TempW*-1)

          obj.style.left = BottomLeft - (TempW);

        else              

          obj.style.left = TempL;                      

      }

    }

    setTimeout("BottomMovie()",16);

  }

//-->

</SCRIPT>