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>
이미지와 링크를 수정하세요
또한 속조나 멈추는 시간등을 수정하세요
<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 |