묻고답하기
News ticker 수정해서 사용하기
2011.03.20 06:24
최근문서 위젯중 news ticker를 테스트해보는 인데요.
그림에서 보시는것처럼 글 하나씩만 스크롤해서 올라갑니다.
이것을 글목록 몇개씩 묵어서 스크롤하게 하려면 어디를 수정해야 할까요?
높이 폭을 넓혀서 목록이 5개씩 보이게 하고 5개씩 스크롤되게 하려고 합니다.
css file과 js file을 열어서 숫자도 바꿔보고했는데
안되네요. grey를 선택해서 그 css, js file, list.html등을 손대보았습니다.
다른건 손대볼만한게 없고요.
무식하면 용감하다고 역시 안되는군요.
news_ticker.js에서 숫자를 바꿔보았고요
***************************************************************************************
*****************************************************************************************
grey.css에서 높이 숫자를 바꿔보았습니다
******************************************************************************************
list.html에서는
***************************************************************
그림에서 보시는것처럼 글 하나씩만 스크롤해서 올라갑니다.
이것을 글목록 몇개씩 묵어서 스크롤하게 하려면 어디를 수정해야 할까요?
높이 폭을 넓혀서 목록이 5개씩 보이게 하고 5개씩 스크롤되게 하려고 합니다.
css file과 js file을 열어서 숫자도 바꿔보고했는데
안되네요. grey를 선택해서 그 css, js file, list.html등을 손대보았습니다.
다른건 손대볼만한게 없고요.
무식하면 용감하다고 역시 안되는군요.
news_ticker.js에서 숫자를 바꿔보았고요
***************************************************************************************
newsTickerMoveUpStep[id] = 1;
xAddEventListener(pObj, 'mouseover', function() { newsTickerMoveUpStep[id] = 0; } );
xAddEventListener(pObj, 'mouseout', function() { newsTickerMoveUpStep[id] = 1; } );
doScroll(ticker);
return;*****************************************************************************************
grey.css에서 높이 숫자를 바꿔보았습니다
******************************************************************************************
.news_ticker_gray { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/gray/bg.gif") repeat-x left top; white-space:nowrap; }
.news_ticker_gray table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_gray table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_gray .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; }
.news_ticker_gray ul { margin:0; padding:0; white-space:nowrap; overflow:hidden; }
.news_ticker_gray li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;}
.news_ticker_gray ul li .title a { color:#000000; text-decoration:none; font-size:9pt;}
.news_ticker_gray ul li .title a:hover { text-decoration:underline; }
.news_ticker_gray ul li .title span.comment { color:#766C6C; font:.8em Tahoma; }
.news_ticker_gray ul li .title span.comment a { color:#766C6C; font:.8em Tahoma; text-decoration:none; }
.news_ticker_gray ul li .date { color:#333333; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}
************************************************************************************************************************list.html에서는
***************************************************************
<script type="text/javascript">
xAddEventListener(window, 'load', function() { doStartScroll("{$_news_ticker_id}", 25, 100); });
</script>
*********************************************************************
*********************************************************************