메뉴 건너뛰기

전국분동대여

일반 자료실

컴퓨터/IT 항상 제자리에.. 스크롤 뉴스티커

GACHIMOA 2020.07.23 16:14 조회 수 : 437

항상 제자리에.. 스크롤 뉴스티커

 

<STYLE>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</STYLE>
<SCRIPT>
// 메세제
var message=new Array()
message[0]="안녕하세요? 반갑습니다"
message[1]="여기는 자스코 입니다"
message[2]="쵝의 자바스크립트 소스뱅크죠"
// 메세지의 링크
var messageurl=new Array()
messageurl[0]="http://www.bizs.wo.ro"
messageurl[1]="http://www.yahoo.com"
messageurl[2]="http://www.altavista.com"
// 메세지의 타겟
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"
// 메세지의 글자 색
var messagecolor= new Array()
messagecolor[0]="yellow"
messagecolor[1]="orange"
messagecolor[2]="FFFFFF"
// 스크롤러의 가로
var scrollerwidth=200
// 스크롤러의 세로
var scrollerheight=18
// 속도
var pause=20
var step=2
// 메세지의 글자크기
var fntsize=12
// 글자모양
var fntfamily="굴림"
// 글자의 두께 1=굵게, 0=보통
var fntweight=1
// 배경색
var backgroundcolor="000000"
// 테두리선 두께
var borderwidth=2
// CellPadding
var cellpad=10
var scrollerleft
var scrollertop
var screenwidth
var clipleft,clipright,cliptop,clipbottom
var i_message=0
var timer
var textwidth
var textcontent=""
var bgcontent=""
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}
function init() {
        getbgcontent()
        gettextcontent()
    if (document.all) {
                screenwidth=document.body.clientWidth
                scrollertop=document.body.clientHeight+document.body.scrollTop-(scrollerheight+2*cellpad)
                scrollerleft=screenwidth/2-scrollerwidth/2
                text.innerHTML=textcontent
                bgscroller.innerHTML=bgcontent
                textwidth=text.offsetWidth
                document.all.bgscroller.style.posTop=scrollertop-cellpad
        document.all.bgscroller.style.posLeft=scrollerleft-cellpad
                document.all.text.style.posTop=scrollertop
        document.all.text.style.posLeft=scrollerleft+scrollerwidth
                clipleft=0
                clipright=0
                cliptop=0
                clipbottom=scrollerheight
                document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrolltext()
    }
        if (document.layers) {
                screenwidth=window.innerWidth
                scrollertop=pageYOffset+window.innerHeight-(scrollerheight+2*cellpad)
                scrollerleft=screenwidth/2-scrollerwidth/2
                document.text.document.write(textcontent)
                document.text.document.close()
                document.bgscroller.document.write(bgcontent)
                document.bgscroller.document.close()
                textwidth=document.text.document.width
                
                document.bgscroller.top=scrollertop-cellpad
        document.bgscroller.left=scrollerleft-cellpad
                document.text.top=scrollertop
                document.text.left=scrollerleft+scrollerwidth
                
                document.text.clip.left=0
                document.text.clip.right=0
                document.text.clip.top=0
                document.text.clip.bottom=scrollerheight
        scrolltext()
    }
}
function scrolltext() {
    if (document.all) {
                if (document.all.text.style.posLeft>=scrollerleft-textwidth) {
                        document.all.text.style.posLeft-=step
                        clipright+=step
                        if (clipright>scrollerwidth) {
                                clipleft+=step
                        }
                        document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
                        scrollertop=document.body.clientHeight+document.body.scrollTop-(scrollerheight+2*cellpad)
                        document.all.bgscroller.style.posTop=scrollertop-cellpad
                        document.all.text.style.posTop=scrollertop
                        var timer=setTimeout("scrolltext()",pause)
                }
                else {
                        changetext()
                }
        }
   if (document.layers) {
                if (document.text.left>=scrollerleft-textwidth) {
                        document.text.left-=step
                        document.text.clip.right+=step
                        if (document.text.clip.right>scrollerwidth) {
                                document.text.clip.left+=step
                        }
                        scrollertop=pageYOffset+window.innerHeight-(scrollerheight+2*cellpad)
                        document.bgscroller.top=scrollertop-cellpad
                        document.text.top=scrollertop
                        var timer=setTimeout("scrolltext()",pause)
                }
                else {
                        changetext()
                }
        }
}
function changetext() {
    i_message++
        if (i_message>message.length-1) {i_message=0}
        gettextcontent()
        if (document.all) {
                text.innerHTML=textcontent
                textwidth=text.offsetWidth
                
        document.all.text.style.posLeft=scrollerleft+scrollerwidth
                clipleft=0
                clipright=0
                document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
                
        scrolltext()
        }
        if (document.layers) {
                   document.text.document.write(textcontent)
                document.text.document.close()
                textwidth=document.text.document.width
                document.text.left=scrollerleft+scrollerwidth
                document.text.clip.left=0
                document.text.clip.right=0
                
        scrolltext()
        }
}
function gettextcontent() {
        textcontent="<span style='position:relative;font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";overflow-x:hidden'>"
        textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
        textcontent+="<nobr><font color="+messagecolor[i_message]+">"+message[i_message]+"</font></nobr></a></span>"
}
function getbgcontent() {
        var bgwidth=scrollerwidth+2*cellpad
        var bgheight=scrollerheight+2*cellpad
        bgcontent="<table border="+borderwidth+" width="+bgwidth+"  height="+bgheight+" cellpadding=0 cellspacing=0>"
        bgcontent+="<tr><td bgcolor="+backgroundcolor+"> "
        bgcontent+="</td></tr></table>"
}
window.onresize=init;
window.onload=init;
</script>
<DIV ID="bgscroller" style="position:absolute;"></DIV>
<DIV ID="text" style="position:absolute;"></DIV>

번호 제목 글쓴이
3421 심장 건강에 좋은 습관 8가지 [1] 뉴퐁
3420 잠잘 때 왼쪽으로 자면 생기는 신체 변화 7가지 [2] 뉴퐁
3419 스트레스를 줄이는 놀라운 방법 6가지 [2] 싹쓰리
3418 여성이 팬티에 대해 알아야 할 7가지 [3] 싹쓰리
3417 끓였던 물을 또 끓이면 안 되는 이유 [1] 싹쓰리
3416 "치주염 환자, 코로나 감염 땐 사이토카인 폭풍 가능성 높아" [1] 쌍둥이맘
3415 스마트스토어 상위 노출 꿀팁. 경쟁률 낮은 세부키워드 뽑는 방법 [2] 나혼자번다
3414 열감지 안면인식 출입관리솔루션 400만원짜리를 40만원에(정부지원사업) [1] file 나혼자번다
3413 전자렌지요리 만능 레시피 대공개!! [3] 나혼자번다
3412 식초로 집안을 반짝반짝하게!! 식초 청소법 [4] 쌍둥이맘
3411 마시고 남은 김빠진 맥주 활용법 [2] 쌍둥이맘
3410 계란을 먹은 후 절대 바로 먹으면 안되는 것들 쌍둥이맘
3409 아주 유용한 커피상식 쌍둥이맘
3408 간 건강과 지방간 완화에 아주 효과적인 채소는? [2] 싹쓰리
3407 골다공증 예방과 뼈에 아주 좋은 음식 8가지 싹쓰리
3406 체했을 때, 감기 걸렸을 때, 관절염 통증에는 이것이 최고!! 싹쓰리
3405 장을 편안하게 하면서 소화를 돕는 식품 5가지 [1] 싹쓰리
3404 초보운전자가 반드시 알아야 하는 고속도로 운전매너 5 [1] 싹쓰리
3403 머리카락이나 두피를 상하게 하는 사소한 습관 5 라이믹스
3402 어둡고 칙칙한 피부를 환하게 해주는 필수적인 습관 5 라이믹스
위로