tag 태그

롤링배너 링크걸기 (멈추었다가 가고 마우스 대면 중지)

엄대포 2007. 11. 28. 12:18
div 가로 크기를 수정하시고
이미지와 링크를 수정하세요
또한 속조나 멈추는 시간등을 수정하세요




<script language="javascript">

var scrollerwidth=910; // 스크롤러의 가로:: (배너 이미지 너비(116) * 배너 갯수(8)) + (구분자 이미지 너비(14) * 구분자 갯수(8))
var html,total_area=0,wait_flag=true;

var bMouseOver = 1;
var scrollspeed = 2; // Scrolling 속도
var waitingtime = 2000; // 멈추는 시간
var s_tmp = 0, s_amount = 61;
var scroll_content=new Array();
var startPanel=0, n_panel=0, i=0;

function startscroll()
{ // 스크롤 시작
i=0;
for (i in scroll_content)
n_panel++;

n_panel = n_panel -1 ;

startPanel = Math.round(Math.random()*n_panel);
if(startPanel == 0)
{
i=0;
for (i in scroll_content)
insert_area(total_area, total_area++); // area 삽입
}
else if(startPanel == n_panel)
{
insert_area(startPanel, total_area);
total_area++;
for (i=0; i<startPanel; i++)
{
insert_area(i, total_area); // area 삽입
total_area++;
}
}
else if((startPanel > 0) || (startPanel < n_panel))
{
insert_area(startPanel, total_area);
total_area++;
for (i=startPanel+1; i<=n_panel; i++)
{
insert_area(i, total_area); // area 삽입
total_area++;
}
for (i=0; i<startPanel; i++)
{
insert_area(i, total_area); // area 삽입
total_area++;
}
}
window.setTimeout("scrolling()",waitingtime);
}

function scrolling(){ // 실제로 스크롤 하는 부분
if (bMouseOver && wait_flag)
{
for (i=0;i<total_area;i++){
tmp = document.getElementById('scroll_area'+i).style;
tmp.left = parseInt(tmp.left)-scrollspeed;
if (parseInt(tmp.left) <= -scrollerwidth){
tmp.left = scrollerwidth*(total_area-1);
}
if (s_tmp++ > (s_amount-1)*scroll_content.length){
wait_flag=false;
window.setTimeout("wait_flag=true;s_tmp=0;",waitingtime);
}
}
}
window.setTimeout("scrolling()",1);
}

function insert_area(idx, n){ // area 삽입
html='<div style= "top:0px; width: 733; position: absolute; left: '+(scrollerwidth*n)+'px"; id="scroll_area'+n+'">';
html+=scroll_content[idx]+'\n';
html+='</div>\n';
document.write(html);
}

</SCRIPT>





<DIV id=scroll_image onmouseover=bMouseOver=0 style="LEFT: 10px; OVERFLOW: hidden; WIDTH: 733px; TOP: 0px; HEIGHT: 48px" onmouseout=bMouseOver=1>

<SCRIPT>
scroll_content[0]="<table cellspacing='0' cellpadding='0' border='0'><tr style=\"padding-top:2;\"><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td></tr></table>";

scroll_content[1]="<table cellspacing='0' cellpadding='0' border='0'><tr style=\"padding-top:2;\"><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td><td width='20'> </td><td><a href='http://주소' target='_blank'><img src='/images/01.gif' border='0'></a></td></tr></table>";

startscroll();
</SCRIPT>

</DIV>

'tag 태그' 카테고리의 다른 글

이미지 효과주기  (0) 2007.12.30
롤링 배너 링크걸기 (미리보기)  (0) 2007.11.28
롤링배너 링크걸기  (0) 2007.11.27
이미지 스크롤러  (0) 2007.11.27
쇼핑몰 추천상품 이미지 스크롤러  (0) 2007.11.27