산

네버엔딩 빈틈없는 한줄씩 채워지는 스크롤 최근게시물..

· 2008-12-11 (목) 15:42:37 · 10737 · 21
ones_tic.jpg
아마 비슷한 자료가 있을꺼 같지만..
필요해서 만들어 쓰다보니.. 좋은거 같아 올려봅니다.

특징.
1. 스크롤될때.. 마지막게시풀 스크롤되고 난후 빈공간이 나타나질 앖습니다.
2. 디스플레이 될 사각박스의 높이를 옵션에서 지정할수 있습니다.
3. 기타 깔끔한것 같습니다. ^^

예제사이트 :
http://www.moc4u.co.kr/

소스코드
============
lastest.skin.php

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if(!$options){ $options = 20 ; }
// 사용법 latest("ones_tic", "테이블명", "게시풀출력수", "제목길이", "디스플레이될박스의높이");
// 예문 latest("ones_tic", "keawon_news", 10, 30, 80);
?>
<script type="text/javascript">
var intervalID<?=$bo_table?>;
function loadBanner() {
clearInterval(intervalID);
intervalID=setInterval(displayBanner,30);
}

function loadBannerT<?=$bo_table?>() {
clearInterval(intervalID<?=$bo_table?>);
intervalID<?=$bo_table?>=setInterval(displayBannerT<?=$bo_table?>,20);
}

function displayBanner() {
banner1.offsetLeft>-banner1.offsetWidth ? moveLeft(banner1) : stopMove(banner1);
banner2.offsetLeft>-banner2.offsetWidth ? moveLeft(banner2) : stopMove(banner2);
banner3.offsetLeft>-banner3.offsetWidth ? moveLeft(banner3) : stopMove(banner3);
banner4.offsetLeft>-banner4.offsetWidth ? moveLeft(banner4) : stopMove(banner4);
}
function displayBannerT<?=$bo_table?>() {

<?
$ii = 1;
$lcount = count($list);
$lcountsize = ($lcount * 20) - 20 ;
for ($i=0; $i<count($list); $i++) { ?>
banner<?=$bo_table?><?=$ii?>.offsetTop>-banner<?=$bo_table?><?=$ii?>.offsetHeight ? moveTop<?=$bo_table?>(banner<?=$bo_table?><?=$ii?>) : stopMoveT<?=$bo_table?>(banner<?=$bo_table?><?=$ii?>);
<? $ii++; } ?>
}
function moveLeft(obj) {
obj.style.left=obj.offsetLeft-1;
}
function moveTop<?=$bo_table?>(obj) {
obj.style.top=obj.offsetTop-1;
}
function stopMove(obj) {
obj.style.left=359;
clearInterval(intervalID);
intervalID=setInterval(loadBanner,1000);
}
function stopMoveT<?=$bo_table?>(obj) {
obj.style.top=<?=$lcountsize?>;
clearInterval(intervalID<?=$bo_table?>);
intervalID<?=$bo_table?>=setInterval(loadBannerT<?=$bo_table?>,2000);
}
<? if($lcount > 0 ){ ?>
loadBannerT<?=$bo_table?>();
<? } ?>
</script>

<table width=100% cellpadding=0 cellspacing=0>

<tr>
<td align=left style="padding-left:10"><div id = "<?=$bo_table?>" style="position:absolute;border:dotted 0 red;overflow:hidden;width:230;height:<?=$options?>;text-align:left;">
<?
$ii = 1;
$it = 0 ;
for ($i=0; $i<count($list); $i++) { ?>
<span id="banner<?=$bo_table?><?=$ii?>" style="position:absolute;border:solid 0 black;width:220;height:20;left:0;top:<?=$it?>;text-align:left;"><img src='<?=$latest_skin_path?>/img/latest_icon.gif' align=absmiddle>  <?
echo "<a href='{$list[$i]['href']}'>";
echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</font>";
echo "</a>"; ?></span>
<?
$ii++;
$it = $it + 20 ;
} ?>
</div>
</td>
</tr>
<? if (count($list) == 0) { ?><tr><td align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>

첨부파일

ones_tic.jpg (9.7 KB)
0회 2008-12-11 15:42
noes_tic.zip (6.8 KB) 651회 2008-12-11 15:42
|

댓글 21개

자바스크립트 오류 때문에 브라우저를 강제종료 했네요.
헤더가 정의되지 않았다고 하네요 ^^
수고히셨습니다..
수고하셨습니다..ㅋ
2008-12-12 (금) 18:32:35
감사합니다^^
2008-12-13 (토) 00:11:20
수고하셨습니다.
최근게시물 스크롤
2008-12-15 (월) 22:07:08
에러 안나요?
banner4 가 정의되지 않았다고 뜨네욤 ㅠㅠ
2009-01-10 (토) 21:30:27
이거안돼네요
2009-02-10 (화) 08:53:45
수고하셨습니다. / 감사!
2009-02-10 (화) 09:34:36
스크롤 굿!
2009-02-23 (월) 19:18:23
오류가 나네요;;; 엉뚱한 곳에서 나오면서 글자는 다 겹쳐지네요;; 저만 그런건가?
수고하셨습니다.
그런데 에러가 나네요..ㅠ.ㅠ
banner3가 정의되지 않았다는..
2009-06-28 (일) 22:56:33
banner3 오류
스크롤
2009-08-27 (목) 16:35:40
스킨 감사합니다^^*
..감사합니다
2009-12-17 (목) 17:25:51
호출은 어떻게 하는건가요?
2011-01-05 (수) 08:26:06
네버엔딩 빈틈없는 한줄씩 채워지는 스크롤 최근게시물..
2012-06-03 (일) 22:01:34
스크롤 최근게시물
감사합니다 잘돼네요 ^^
참고로 다운받은 php말고 여기있는거 긁어서 쓰세요 ㅎ
bannerxx 에러는
1 .div나 span의 id값오류
2. 목록갯수는 2이하로 주면 에러납니다....
댓글을 작성하시려면 로그인이 필요합니다.

그누4 스킨

5,847건

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

+
분류 제목 글쓴이 날짜 조회
기타 08-12-14 조회 8,888
최근게시물 08-12-13 조회 3,795
게시판 08-12-12 조회 4,947
최신글 08-12-12 조회 6,882
최신글 08-12-12 조회 1만
최근게시물 08-12-11 조회 2,440
회원가입 08-12-11 조회 1.4만
외부로그인 08-12-11 조회 3,200
최신글 08-12-11 조회 1.1만