묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
위의 그림에 붉은색 박스로 표시되는 부분의 효과를 알고 싶습니다.
naver 보셨던 분이시면 잘 아시겠지만, 시간이 지나면서 위로 한칸씩 올라가는 효과구요..
사진이 섬네일로 있기도 하지요....이런 효과 구현이 탐이 나서요....-_-;;
알고 싶어 질문 띄웁니다.
제로보드에서도 구현 가능한건지.......유용한 팁 쪽에선 제가 검색어를 잘못 찾았는지....
잘 못찾겠습니다. -_-;;
관련 사이트나 팁 알려주시면 감사드리겠습니다.
모쪼록 회원님들의 조언 부탁드리겠습니다. 감사합니다.
제로보드에서 네이버 뉴스란 처럼 표현이 가능한지......
2004.06.26 23:07
위의 그림에 붉은색 박스로 표시되는 부분의 효과를 알고 싶습니다.
naver 보셨던 분이시면 잘 아시겠지만, 시간이 지나면서 위로 한칸씩 올라가는 효과구요..
사진이 섬네일로 있기도 하지요....이런 효과 구현이 탐이 나서요....-_-;;
알고 싶어 질문 띄웁니다.
제로보드에서도 구현 가능한건지.......유용한 팁 쪽에선 제가 검색어를 잘못 찾았는지....
잘 못찾겠습니다. -_-;;
관련 사이트나 팁 알려주시면 감사드리겠습니다.
모쪼록 회원님들의 조언 부탁드리겠습니다. 감사합니다.
댓글 6
-
퍼니러브
2004.06.27 06:52
-
퍼니러브
2004.06.27 06:54
<marquee direction="left" width=662 height="12" scrollamount="2" SCROLLDELAY=1 onMouseOver="this.stop();" onMouseOut=this.start()>
저는 이렇게 구현했습니다. -
Khal
2004.06.27 12:46
최근 게시물 출력하는 것에 가져다 붙이면 딱이겠네요.. ; 음.. 저는 레이어로 하는 법은 어딘가에서 봤었.. (신의 키스 님 홈피였나..) -
이재호
2004.06.27 14:54
소스를 보니 자바스크립트를 쓴 듯하군요.....그냥 마퀴로 잠깐 멈췄다가 지나가게 하는 딜레이주는 것도 무리가 있어 뵈고....-_-;; -
사랑해요
2004.06.28 00:27
가능합니다^^
이렇게 해주심 됩니다.
<?
$_zb_url = "http://제로보드url/";
$_zb_path = "/제로보드경로/";
include $_zb_path."outlogin.php";
?>
<style>
BODY,TABLE,TR,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:12px; font-family:굴림; color:#666666; line-height:170%;}
A:link {color:666666;text-decoration:none;}
A:visited {color:666666;text-decoration:none;}
A:active {color:666666;text-decoration:none;}
A:hover {color:ff6633;text-decoration:none;}
</style>
<script language="javascript">
//Math.random()
var scrollerheight=100; // 스크롤러의 세로
var html,total_area=0,wait_flag=true;
var bMouseOver = 1;
var scrollspeed = 1; // Scrolling 속도
var waitingtime = 3000; // 멈추는 시간
var s_tmp = 0, s_amount = 20;
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);
}
// 스크롤 내용
<?
$id = "todaynews"; //불러낼 게시판 이름
$result = @mysql_query("select * from zetyx_board_$id where is_secret!='1' order by no desc limit 10"); // 최근에 게시된 게시물 중에서 10개만 뽑아와서 출력함
$i = 0;
$j = 0;
while($data=@mysql_fetch_array($result)) {
if($i==0) {
echo "scroll_content[".$j."]=\"";
}
echo "<li><a href='./bbs/view.php?id=$id&no=$data[no]'>".cut_str($data[subject], 15)."</a><br>"; //글자수 잘라서 표현
$i++;
if($i==5) { //불러낼 최근게시제목 수
echo "\";\n\t";
$i = 0; $j++;
}
}
?>
</script>
<div style="width: 100%; height: 100px; position: absolute; overflow:hidden;" onMouseover="bMouseOver=0" onMouseout="bMouseOver=1" id="scroll_image">
<script>startscroll();</script>
</div> -
Tany_A™
2004.06.29 19:05
^ㅁ^ 오홋~ 요즘에 C 배우고 있는데;;
아직 멀었군
멈추는 기능은 자바스크립트로 구현가능한것으로 알구있구요..
http://www.unglish.co.kr맨 윗칸에 뉴스티커를 구현하기는 했습니다.
원하시는게 아니라면 대략 낭패 ^^;