한줄씩 넘어가는 메세지 스크롤러 (All) > 그누3 팁자료실

그누3 팁자료실

한줄씩 넘어가는 메세지 스크롤러 (All) 정보

javascript 한줄씩 넘어가는 메세지 스크롤러 (All)

첨부파일

444.htm (7.8K) 177회 다운로드 2004-09-19 02:43:18

본문

입체적으로 넘어가는것 처럼 보이네요..

<SCRIPT language=JavaScript1.2>
var message= new Array() //메세지 배열

// message[0부터 계속추가합니다]="제목|설명|링크"

message[0]="커뮤니티|카이루 홈피|http://esindi.com"
message[1]="한메일넷|국내 최고의 인터넷 커뮤니케이션 사이트|http://www.daum.net"
message[2]="최고에보드|그누보드 알죠|http://sir.co.kr"

var scrollerheight=20 // 스크롤러의 높이
var titlezonewidth=120 // 제목란 가로
var copyzonewidth=440 // 설명란 가로
var scrollertop=20 // 스크롤러의 위쪽위치
var scrollerleft=20 // 스크롤러의 좌측 위치
var scrollerborder=2 // 스크롤러 테두리 두께
var titlezonebg="FF9900" // 제목셀배경색
var copyzonebg="4EC64E" // 설명셀 배경색
var scrollbg="FFFF00" // 스크롤러의 배경색
var targetlink="_blank" // 링크의 타겟
var font_titleface="Verdana" // 제목의 글꼴
var font_titlecolor="FFFFFF" // 제목 색상
var font_titlesize=2  // 제목의 글자크기
var font_copyface="Verdana" // 설명문의 글꼴
var font_copycolor="FFFFFF" // 설명문의 글자색상
var font_copysize=2 // 설명문의 글자 크기
var titlebold=1          // 제목을 볼드체로
var copybold=1      // 설명문도 볼드체로
var titlealign="right"      // 제목의 가로위치
var copyalign="left"    // 설명문의 가로위치


// 휴~ 요기까지만 수정하세요


var standstill=4000
var pre_titlebold
var after_titlebold
var pre_copybold
var after_copybold
var cliptop=0
var clipbottom=0
var clipleft=0
var clipright=titlezonewidth+copyzonewidth
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg=""
var step=1
var pause=20

if (titlebold==1) {
pre_titlebold="<b>"
after_titlebold="</b>"
}
else if (titlebold==0) {
pre_titlebold=""
after_titlebold=""
}

if (copybold==1) {
pre_copybold="<b>"
after_copybold="</b>"
}
else if (copybold==0) {
pre_copybold=""
after_copybold=""
}

function initiate() {
mes_joined=message[i_message]
mes_split=mes_joined.split("|")

contenttext="<table cellpadding=4 cellspacing=0 border=0>"
contenttext+="<tr valign='top'>"
contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
contenttext+=pre_titlebold
contenttext+=mes_split[0]
contenttext+=after_titlebold
contenttext+="</font></a></td>"
contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
contenttext+=pre_copybold
contenttext+=mes_split[1]
contenttext+=after_copybold
contenttext+="</font></td></tr>"
contenttext+="</table>"

var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder
var bg_height=scrollerheight+2*scrollerborder

contentbg="<table width="+bg_width+" height='"+bg_height+"' cellpadding=0 cellspacing=0 border='"+scrollerborder+"'><tr><td bgcolor='"+scrollbg+"'>&nbsp;</td></tr></table>"

if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop+scrollerheight
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerborder
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin()
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop+scrollerheight
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerborder
document.scrollerbg.left=scrollerleft-scrollerborder
document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
scrollin()
}
}

function scrollin(){
if (document.all){
if (document.all.scrollertext.style.posTop>scrollertop) {
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scrollin()",pause)
}
else {
clearTimeout(timer)
var timer=setTimeout("scrollout()",standstill)
}
}
if (document.layers){
if (document.scrollertext.top>scrollertop) {
clipbottom+=step
document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scrollin()",pause)
}
else {
clearTimeout(timer)
var timer=setTimeout("scrollout()",standstill)
}
}
}

function scrollout(){
if (document.all){
if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)) {
cliptop+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scrollout()",pause)
}
else {
clearTimeout(timer)
changemessage()
}
}
if (document.layers){
if (document.scrollertext.top>(scrollertop-scrollerheight)) {
cliptop+=step
document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scrollout()",pause)
}
else {
clearTimeout(timer)

changemessage()
}
}
}

function changemessage(){
i_message++
if (i_message>message.length-1) {i_message=0}
mes_joined=message[i_message]
mes_split=mes_joined.split("|")
cliptop=0
clipbottom=0

contenttext="<table cellpadding=4 cellspacing=0 border=0>"
contenttext+="<tr valign='top'>"
contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
contenttext+=pre_titlebold
contenttext+=mes_split[0]
contenttext+=after_titlebold
contenttext+="</font></a></td>"
contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
contenttext+=pre_copybold
contenttext+=mes_split[1]
contenttext+=after_copybold
contenttext+="</font></td></tr>"
contenttext+="</table>"

if (document.all) {
scrollertext.innerHTML=contenttext
document.all.scrollertext.style.posTop=scrollertop+scrollerheight
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin()
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollertext.top=scrollertop+scrollerheight
document.scrollertext.left=scrollerleft
document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
scrollin()
}
}

</SCRIPT>



<STYLE>A {

COLOR: #aa0000

}

A:hover {

COLOR: #ff0000

}

</STYLE>

<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY bgColor=#ffffff onload=initiate()><!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV>

<DIV id=scrollertext style="POSITION: absolute; TOP: -1000px"></DIV></BODY>
추천
0
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로