웹마스터 팁
뉴스티커
2004.03.10 08:23
----------------------------------------------------------------------------
@ 제 블로그 페이지에 쓴 걸 퍼온 것이라 반말로 쓰여져 있는 것을 양해 바랍니다.
----------------------------------------------------------------------------
쥬크온 웹페이지에서 쓸 티커 스크립트.
원래는 외국에서 공개된 걸 썼는데 position이 relative라서 가운데 정렬일때 창 크기가 변하면 이상한 위치로 이동해 버린다. -_-;
버그리포트가 들어왔길래 외국 소스 고치려다가 어제 만들어 버렸다.
■ 미리보기
■ 다운로드 : http://zero.nzeo.com/files/zScroller.js
■ 사용법 :
header나 어디 적당한 곳에 다음과 같이 zScroller 불러오고 객체 생성하고 사용한다.
대충 사용법은 쉬울 것이다. -_-;
참, 아마도 IE에서만 될거 같다.
5.0이상이면 되던데.. 다른 브라우저는 모르겠다.
■ 저작권 : 가져가서 써도 되는데 js소스내의 주석은 건들지 말고.. 자기가 했다고 뻥치지만 않으면 된다.
@ 제 블로그 페이지에 쓴 걸 퍼온 것이라 반말로 쓰여져 있는 것을 양해 바랍니다.
----------------------------------------------------------------------------
쥬크온 웹페이지에서 쓸 티커 스크립트.
원래는 외국에서 공개된 걸 썼는데 position이 relative라서 가운데 정렬일때 창 크기가 변하면 이상한 위치로 이동해 버린다. -_-;
버그리포트가 들어왔길래 외국 소스 고치려다가 어제 만들어 버렸다.
■ 미리보기
■ 다운로드 : http://zero.nzeo.com/files/zScroller.js
■ 사용법 :
header나 어디 적당한 곳에 다음과 같이 zScroller 불러오고 객체 생성하고 사용한다.
<html> <head> </head> <!-- zScroller.js 로딩 --> <script src="http://zero.nzeo.com/files/zScroller.js"></script> <!-- 객체 생성 및 아이템 추가 --> <script> // 객체 생성 zScroll = new zScroll(); // 아이템 추가 (링크를 걸어도 되고 태그를 써도 된다) zScroll.add("여기는 제로의 블로그페이지입니다"); zScroll.add("놀러오는 사람 없어도 행복한 곳입니다"); zScroll.add("다른 사람 눈치 안 봐도 되고"); zScroll.add("내 맘대로 해도 되기 때문입니다"); </script> <!-- body onload 되었을때 시작되게 해야 한다. 안 그러면 레이어 못 찾는다는 에러가 나기도 한다 아래에서 'ticker'라는 인자는 레이어의 이름이다 --> <body onLoad="zScroll.init(ticker)"> <!-- 전광판을 넣고 싶은 곳에 다음과 같이 레이어를 넣는다. 명심할 것은 height는 무조건 20px로 하는게 좋다. 안 그러면 js 소스 수정해야 한다. -_-; --> <div id="ticker" style="padding:0px;width:280px;height:20px;overflow:hidden;"> </body> </html> |
대충 사용법은 쉬울 것이다. -_-;
참, 아마도 IE에서만 될거 같다.
5.0이상이면 되던데.. 다른 브라우저는 모르겠다.
■ 저작권 : 가져가서 써도 되는데 js소스내의 주석은 건들지 말고.. 자기가 했다고 뻥치지만 않으면 된다.
댓글 16
-
SY-Tgt(stargt)
2004.03.10 15:06
좋군요 ^^ 추천이요 제로님~ -
SY-Tgt(stargt)
2004.03.10 15:07
add의 개수는 제한이 없죠?
어떤건 그런거 255 제한이던데 -
그냥이렇게。
2004.03.10 22:20
제로님 오랜만에 강좌 올라오네요...
저런 것 구하고 싶었어요!!!
추천!
그런데 저거 예전 엔지오(한 2003년 초기 쯤?)에 쓰셨던 스크립트랑 비슷하네요.
왼쪽 위에 최근 글 흘러나오는 그 스크립트...
잘 사용하면 실시간 전광판 같은 것도 가능할 듯 합니다. -
Pe-i
2004.03.12 19:30
오오!!!
제로님
진짜 오랜만에 강좌를!!!
추천!! -
눌랑
2004.03.13 11:55
좋군요! 헌데..
커저 올려 놓으면 활성화 되게하고
동시에 링크를 걸어 놓을 수 있도록 하는 방법을 알고 싶습니다.
바로 갈 수 있도록 하면 쓰임새가 아주 많을 거 같습니다.
부탁 좀 드립니다~. -
∑Ztxy
2004.03.13 21:19
좋네요..!! ^-^ 추천...~ -
zero
2004.03.13 21:37
엄; 코멘트가 달렸군요.
SY-Tgt(stargt) // 갯수 제한 없습니다만.. 너무 많으면 사용자 PC가 버벅거릴겁니다.
그냥이렇게 // 그건 그냥 marquee 태그 쓴거였죠. ^^
눌랑 // zScroll.add("<a href=http://경로>하하</a>"); 이렇게 하면 됩니다. -
Pe-i
2004.03.14 14:45
그런데 아무리 제로님이라도 소스에 table쓰는건 너무해요! ~_~ -
진가소
2004.03.14 19:07
제로님 >_<♡ 말투 너무 귀여워용! (퍼버버버벅)
그나저나, 정말 유용한 팁이네요~ 이런걸 원했는데.. 원했는데.. 원츄! -
[락위듀]아렌티
2004.03.15 21:13
마우스 올리면 멈추는거 있으면 딱일텐데.. -
エジ
2004.03.19 19:25
※ 게시판 내용에서 게시물 추출해서 뉴스티커에 표시하기~ (퍽)
// 아이템 추가 (링크를 걸어도 되고 태그를 써도 된다)
zScroll.add("여기는 제로의 블로그페이지입니다");
zScroll.add("놀러오는 사람 없어도 행복한 곳입니다");
zScroll.add("다른 사람 눈치 안 봐도 되고");
zScroll.add("내 맘대로 해도 되기 때문입니다");
부분을 다음과 같이 바꾼다아~ (퍽)
<?
$_zb_path = "/제로보드의 절대경로/"; //수정하세요-ㅁ-;
include $_zb_path."lib.php";
$connect = dbconn();
$tid = "게시판 DB명을 적어주세요"; //수정해주세요-ㅁ-;
$limit = "10"; //10개만 불러옴. 5개만 표시하려면 5를 써주면 되겠죠~
$result = mysql_query("select * from zetyx_board_".$tid." order by no desc limit $limit");
while($data=mysql_fetch_array($result)) {
$memo = stripslashes($data[subject]); //게시물 제목을 불러옴.
//$memo = str_replace("rn"," ",stripslashes($data[memo])); //게시물 내용을 불러오려면 이 줄의 주석을 없애면 됩니다.
?>
// 아이템 추가 (링크를 걸어도 되고 태그를 써도 된다)
zScroll.add("<?=$memo?>");
<? } ?>
제대로 될지는 모르겠음~ (퍽) -
エジ
2004.03.19 19:31
※ 움직이는 속도, 보여주는 시간 바꾸기
소스만 보고 알아낸 것이므로 된다거나 맞다는 보장은 없음~ (퍼퍽)
zScroller.js 파일을 수정하면 아래와 같은 줄이 딱 보인다~ (퍽)
this.speed = 50;
this.delay = 2000;
this.speed = 50; 은 아마 움직이는 속도이고
this.delay = 2000; 은 보여주는 시간일 것이다.
아래와 같이 수정해주면 된다.
this.speed = 50; //높으면 빠른가.. 아니면 낮으면 빠를까..
this.delay = 2000; //보여줄시간(초)*1000 을 적는다. -
상현넘™
2004.05.13 23:32
파일이 없네요!!~~
파일 좀 다시 올려주세요.. 부탁드립니다. -
에지
2004.06.10 19:36
-
치키니aaa
2004.07.31 10:58
-
비토
2006.06.20 18:55
에지님 눈물나게 감사합니다 ㅠ_ㅠ