그누보드 초기화면에 추천사이트 최신글.. > 자유게시판

자유게시판

그누보드 초기화면에 추천사이트 최신글.. 정보

기타 그누보드 초기화면에 추천사이트 최신글..

본문

오딧세이님이 제질문에 이해를 못 하신듯..^^
아래는 그누에서 추천사이트에 사용된 스크롤소스입니다.(관리자님 죄송요^^;;)
그대로 복사하셔서 애디트에서 실행해보시면.../
=======================================================================

<TD vAlign=top align=middle width=240><TD width=1 bgColor=#dadada><TD vAlign=top align=middle width=290>
<TABLE cellSpacing=0 cellPadding=0 width=271 border=0>
<TR>
<TD>
<SCRIPT language=javascript>
    var scrollerheight=200;    // 스크롤러의 세로
    var html,total_area=0,wait_flag=true; 
    var bMouseOver = 1;
    var scrollspeed = 1;        // Scrolling 속도       
    var waitingtime = 3000;    // 멈추는 시간
    var s_tmp = 0, s_amount = 200;
    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.top = parseInt(tmp.top)-scrollspeed;
                if (parseInt(tmp.top) <= -scrollerheight){
                    tmp.top = scrollerheight*(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="left: 0px; width: 100%; position: absolute; top: '+(scrollerheight*n)+'px" id="scroll_area'+n+'">\n';
        html+=scroll_content[idx]+'\n';
        html+='</div>\n';
        document.write(html);
    }
   
scroll_content[0]="<table width=271 cellpadding=0 cellspacing=0 border=0><tr><td valign=top colspan=3><img src='image/site_img01.gif'></td></tr><tr><td><img src='image/site_img02.gif'></td><td valign=top align=center width=249><table width=100%><tr><td><a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><img src='./data/file/ycgood/b3b993df_nongbu.gif' border=0 width=240 height=98></a></td></tr><tr><td height=30><img src='image/icon_sn.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>농부의마음</span></a></td></tr><tr><td><img src='image/icon_url.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>http://nongbumaum.com</span></a></td></tr></table></td><td><img src='image/site_img03.gif'></td></tr><tr><td colspan=3><img src='image/site_img04.gif'></td></tr></table>";

scroll_content[1]="<table width=271 cellpadding=0 cellspacing=0 border=0><tr><td valign=top colspan=3><img src='image/site_img01.gif'></td></tr><tr><td><img src='image/site_img02.gif'></td><td valign=top align=center width=249><table width=100%><tr><td><a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><img src='./data/file/ycgood/079c3f11_wing4u.gif' border=0 width=240 height=98></a></td></tr><tr><td height=30><img src='image/icon_sn.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>윙포유 - 스포츠 파일럿 커뮤니티</span></a></td></tr><tr><td><img src='image/icon_url.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>http://wing4u.com</span></a></td></tr></table></td><td><img src='image/site_img03.gif'></td></tr><tr><td colspan=3><img src='image/site_img04.gif'></td></tr></table>";

scroll_content[2]="<table width=271 cellpadding=0 cellspacing=0 border=0><tr><td valign=top colspan=3><img src='image/site_img01.gif'></td></tr><tr><td><img src='image/site_img02.gif'></td><td valign=top align=center width=249><table width=100%><tr><td><a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><img src='./data/file/ycgood/eda4dde9_jujunara.gif' border=0 width=240 height=98></a></td></tr><tr><td height=30><img src='image/icon_sn.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>인형나라 비즈공주</span></a></td></tr><tr><td><img src='image/icon_url.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>http://jujunara.com/</span></a></td></tr></table></td><td><img src='image/site_img03.gif'></td></tr><tr><td colspan=3><img src='image/site_img04.gif'></td></tr></table>";

scroll_content[3]="<table width=271 cellpadding=0 cellspacing=0 border=0><tr><td valign=top colspan=3><img src='image/site_img01.gif'></td></tr><tr><td><img src='image/site_img02.gif'></td><td valign=top align=center width=249><table width=100%><tr><td><a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><img src='./data/file/ycgood/ae0dc246_enjoybeads.gif' border=0 width=240 height=98></a></td></tr><tr><td height=30><img src='image/icon_sn.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>엔조이 비즈</span></a></td></tr><tr><td><img src='image/icon_url.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>http://enjoybeads.co.kr/</span></a></td></tr></table></td><td><img src='image/site_img03.gif'></td></tr><tr><td colspan=3><img src='image/site_img04.gif'></td></tr></table>";

scroll_content[4]="<table width=271 cellpadding=0 cellspacing=0 border=0><tr><td valign=top colspan=3><img src='image/site_img01.gif'></td></tr><tr><td><img src='image/site_img02.gif'></td><td valign=top align=center width=249><table width=100%><tr><td><a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><img src='./data/file/ycgood/53574047_safetour.gif' border=0 width=240 height=98></a></td></tr><tr><td height=30><img src='image/icon_sn.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>여행은 신정관광과 함께...</span></a></td></tr><tr><td><img src='image/icon_url.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>http://www.safetour.co.kr/</span></a></td></tr></table></td><td><img src='image/site_img03.gif'></td></tr><tr><td colspan=3><img src='image/site_img04.gif'></td></tr></table>";

scroll_content[5]="<table width=271 cellpadding=0 cellspacing=0 border=0><tr><td valign=top colspan=3><img src='image/site_img01.gif'></td></tr><tr><td><img src='image/site_img02.gif'></td><td valign=top align=center width=249><table width=100%><tr><td><a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><img src='./data/file/ycgood/7b48edb5_g-auto.gif' border=0 width=240 height=98></a></td></tr><tr><td height=30><img src='image/icon_sn.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>그레이스 오토</span></a></td></tr><tr><td><img src='image/icon_url.gif' align=absmiddle> <a href='./?doc=bbs/gnuboard.php&bo_table=ycgood'><span class=main>http://www.g-auto.co.kr/</span></a></td></tr></table></td><td><img src='image/site_img03.gif'></td></tr><tr><td colspan=3><img src='image/site_img04.gif'></td></tr></table>";

</SCRIPT>


                        <p><DIV id="scroll_image" onmouseover=bMouseOver=0 style="width:271px; height:200px; position:absolute; left:50px; top:50px; z-index:1; OVERFLOW: hidden;" onmouseout=bMouseOver=1>


<SCRIPT>startscroll();</SCRIPT>

                            <p><DIV id="layer1" style="width:0px; height:240px; position:absolute; left:0px; top:246px; z-index:1;">
<TABLE cellSpacing=0 cellPadding=0 width=271 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=3><IMG src="image/site_img01.gif"></TD></TR>
<TR>
<TD><IMG src="image/site_img02.gif"></TD>
<TD vAlign=top align=middle width=249>
<TABLE width="100%">
<TBODY>
<TR>
<TD><A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><IMG height=98 src="./data/file/ycgood/ae0dc246_enjoybeads.gif" width=240 border=0></A></TD></TR>
<TR>
<TD height=30><IMG src="image/icon_sn.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>엔조이 비즈</SPAN></A></TD></TR>
<TR>
<TD><IMG src="image/icon_url.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>http://enjoybeads.co.kr/</SPAN></A></TD></TR></TBODY></TABLE></TD>
<TD><IMG src="image/site_img03.gif"></TD></TR>
<TR>
<TD colSpan=3><IMG src="image/site_img04.gif"></TD></TR></TBODY></TABLE></DIV>


<DIV id="layer2" style="width:0px; height:240px; position:absolute; left:0px; top:446px; z-index:1;">
<TABLE cellSpacing=0 cellPadding=0 width=271 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=3><IMG src="image/site_img01.gif"></TD></TR>
<TR>
<TD><IMG src="image/site_img02.gif"></TD>
<TD vAlign=top align=middle width=249>
<TABLE width="100%">
<TBODY>
<TR>
<TD><A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><IMG height=98 src="./data/file/ycgood/53574047_safetour.gif" width=240 border=0></A></TD></TR>
<TR>
<TD height=30><IMG src="image/icon_sn.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>여행은 신정관광과함께...</SPAN></A></TD></TR>
<TR>
<TD><IMG src="image/icon_url.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>http://www.safetour.co.kr/</SPAN></A></TD></TR></TBODY></TABLE></TD>
<TD><IMG src="image/site_img03.gif"></TD></TR>
<TR>
<TD colSpan=3><IMG src="image/site_img04.gif"></TD></TR></TBODY></TABLE></DIV>


<DIV id="layer3" style="width:0px; height:240px; position:absolute; left:0px; top:646px; z-index:1;">
<TABLE cellSpacing=0 cellPadding=0 width=271 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=3><IMG src="image/site_img01.gif"></TD></TR>
<TR>
<TD><IMG src="image/site_img02.gif"></TD>
<TD vAlign=top align=middle width=249>
<TABLE width="100%">
<TBODY>
<TR>
<TD><A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><IMG height=98 src="./data/file/ycgood/7b48edb5_g-auto.gif" width=240 border=0></A></TD></TR>
<TR>
<TD height=30><IMG src="image/icon_sn.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>그레이스 오토</SPAN></A></TD></TR>
<TR>
<TD><IMG src="image/icon_url.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>http://www.g-auto.co.kr/</SPAN></A></TD></TR></TBODY></TABLE></TD>
<TD><IMG src="image/site_img03.gif"></TD></TR>
<TR>
<TD colSpan=3><IMG src="image/site_img04.gif"></TD></TR></TBODY></TABLE></DIV>


<DIV id="layer4" style="width:0px; height:240px; position:absolute; left:0px; top:846px; z-index:1;">
<TABLE cellSpacing=0 cellPadding=0 width=271 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=3><IMG src="image/site_img01.gif"></TD></TR>
<TR>
<TD><IMG src="image/site_img02.gif"></TD>
<TD vAlign=top align=middle width=249>
<TABLE width="100%">
<TBODY>
<TR>
<TD><A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><IMG height=98 src="./data/file/ycgood/b3b993df_nongbu.gif" width=240 border=0></A></TD></TR>
<TR>
<TD height=30><IMG src="image/icon_sn.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>농부의마음</SPAN></A></TD></TR>
<TR>
<TD><IMG src="image/icon_url.gif" align=absMiddle> <A href="./?doc=bbs/gnuboard.php&amp;bo_table=ycgood"><SPAN class=main>http://nongbumaum.com</SPAN></A></TD></TR></TBODY></TABLE></TD>
<TD><IMG src="image/site_img03.gif"></TD></TR>
<TR>
<TD colSpan=3><IMG src="image/site_img04.gif"></TD></TR></TBODY></TABLE></DIV>


</DIV></TD></TR></TBODY></TABLE>
===============================================================================================
위에서...실제 스크롤되는 배열부분 . scroll_content[0]~[5]까지 부분에
일일이 수작업으로해서 관련셀을 붙여서 스크롤되게 만들었는지..아니면
최신글뽑는 형식을 적용시켜서 스크롤되게 만들었는지가...
추천
0

댓글 1개

> 일일이 수작업으로해서 관련셀을 붙여서 스크롤되게 만들었는지
> 최신글뽑는 형식을 적용시켜서 스크롤되게 만들었는지가...

=> 아닙니다. index의 추천사이트는 수작업을 통해 스크롤이 되는 것이 아니라,
최신글을 추출하는 형태입니다.
답글에 '관리자'님께서 배포하신 원본 스킨파일(추천사이트, 최신글)을 올리겠습니다.
찾아보려다 여의치가 않아서...
전체 195,335 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여4 회 시작24.04.25 20:23 종료24.05.02 20:23
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT