뉴스 슬라이드 텍스트java (한줄씩 뉴스가 슬라이딩 됩니다)

Text,Link,rollover/텍스트 2008. 7. 23. 10:22

/* Tistory_336_ads01 */ /* Tistory_336_ads01 */

<html>
<head>
<title>연변88닷컴</title>
<style type="text/css">
#divNewsCont {position:absolute; left:100px; top:200px; width:300px; height:80px; clip:rect(0px 300px 80px 0px); visibility:hidden; overflow:hidden;}
#divNews     {position:absolute;} 
</style>
<script language="JavaScript" type="text/javascript">

function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=this.agent.indexOf("Opera 5")>-1
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=new lib_bwcheck()


//How do you want the script to work? 
//0 = Fade in - Fade out
//1 = Slide in - Fade out
//2 = Random 
nWorks = 1

//If you use the slide set these variables:
nSlidespeed = 5 //in px
nNewsheight = 80 //This is how long down it should start the slide.

nBetweendelay = 1000 //전환시간
nFont = '굴림,동움' //폰트설정
nFontsize = 12 //폰트크기
nFadespeed = 100 //페이드인시간


nColor=new Array('#FFFFFF', '#EEEEEE','#CCCCCC','#999999','#666666','#333333','#000000')
nNews=new Array()

// 이곳에 텍스트와 링크를 입력하세요..
nNews[0]=new Array()
nNews[0]["text"]="안녕하세요 연변88닷컴에 오신것을 환영합니다.!"
nNews[0]["link"]="/"

nNews[1]=new Array()
nNews[1]["text"]="연변88은 개발자들의 공간입니다. 디자이너, 프로그래머 모두 환영합니다.."
nNews[1]["link"]="/"

nNews[2]=new Array()
nNews[2]["text"]="종합검색 메뉴를 활용하시면 쉽게 원하는 자료를 찾을 수 있습니다.!"
nNews[2]["link"]="http://edu.yb88.com"

nNews[3]=new Array()
nNews[3]["text"]="연변 최대 개발자포털사이트 www.yb88.com"
nNews[3]["link"]="http://edu.yb88.com"

function makeNewsObj(obj,nest,font,size,color,news,fadespeed,betweendelay,slidespeed,works,newsheight){
    nest=(!nest) ? "":'document.'+nest+'.'
       this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;    
       this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;
    if(font){this.color=new Array(); this.color=eval(color); this.news=new Array(); this.news=eval(news)
        this.font=font; this.size=size; this.speed=fadespeed; this.delay=betweendelay; this.newsheight=newsheight;
        this.fadeIn=b_fadeIn;this.fadeOut=b_fadeOut; this.newsWrite=b_newsWrite; this.y=1
        this.slideIn=b_slideIn; this.moveIt=b_moveIt; this.slideSpeed=slidespeed; this.works=works
        if(bw.dom || bw.ie4){this.css.fontFamily=this.font; this.css.fontSize=this.size; this.css.color=this.color[0]}
    }
    this.obj = obj + "Object";     eval(this.obj + "=this"); return this
}

var px = bw.ns4||window.opera?"":"px";

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;}

function b_newsWrite(num,i){
    if (bw.ns4){
        this.writeref.write("<a href=\""+this.news[num]['link']+"\" target=\"myTarget\" style=\"text-decoration:none; font-size:"+this.size+"px\">"
            +"<font face=\""+this.font+"\" color=\""+this.color[i]+"\">"+this.news[num]['text']+"</font></a>")
        this.writeref.close()
    }else this.writeref.innerHTML = '<a id="'+this.obj+'link' +'" target="myTarget"  style="text-decoration:none; font-size:'+this.size+'px; color:'+this.color[i]+'" href="'+this.news[num]['link']+'">'+this.news[num]['text']+'</a>'
}

function b_slideIn(num,i){
    if (this.y>0){
        if (i==0){this.moveIt(0,this.newsheight); this.newsWrite(num,this.color.length-1)}
        this.moveIt(this.x,this.y-this.slideSpeed)
        i ++
        setTimeout(this.obj+".slideIn("+num+","+i+");",50)
    }else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)+")",this.delay)
}

function b_fadeIn(num,i){
    if (i<this.color.length){
        if (i==0 || bw.ns4) this.newsWrite(num,i)
        else{
            obj = bw.ie4?eval(this.obj+"link"):document.getElementById(this.obj+"link")
            obj.style.color = this.color[i]
        }
        i ++
        setTimeout(this.obj+".fadeIn("+num+","+i+")",this.speed)
    }else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)+")",this.delay)
}

function b_fadeOut(num,i){
    if (i>=0){
        if (i==0 || bw.ns4) this.newsWrite(num,i)    
        else{
            obj = bw.ie4?eval(this.obj+"link"):document.getElementById(this.obj+"link")
            obj.style.color = this.color[i]
        }
        i --
        setTimeout(this.obj+".fadeOut("+num+","+i+")",this.speed)
    }else{
        num ++
        if(num==this.news.length) num=0
        works = !this.works?0:this.works==1?1:Math.round(Math.random())
        if(works==0) setTimeout(this.obj+".fadeIn("+num+",0)",500)
        else if (works==1){this.y=1; setTimeout(this.obj+".slideIn("+num+",0)",500)
        }
    }
}

function fadeInit(){
    oNews = new makeNewsObj('divNews','divNewsCont',nFont,nFontsize,"nColor","nNews",nFadespeed,nBetweendelay,nSlidespeed,nWorks,nNewsheight)
    oNewsCont = new makeNewsObj('divNewsCont')
    works = !oNews.works?0:oNews.works==1?1:Math.round(Math.random())
    if (works==0) oNews.fadeIn(0,0)
    else if (works==1) oNews.slideIn(0,0)
    oNewsCont.css.visibility = "visible"
}

if(bw.bw) onload = fadeInit
</script>
</head>

<body marginheight="0">


<div id="divNewsCont">
    <div id="divNews">
    </div>
</div>


</body>
</html>

47~62번째줄 소스에 원하는 텍스트를 삽입하시면 됩니다.
만약 뉴스내용을 더 추가하고자 한다면 nNews[숫자] 부분을 계속 증가시키면 됩니다.
// 이곳에 텍스트와 링크를 입력하세요..
nNews[0]=new Array()
nNews[0]["text"]="안녕하세요 연변88닷컴에 오신것을 환영합니다.!"
nNews[0]["link"]="/"
nNews[1]=new Array()
nNews[1]["text"]="연변88은 개발자들의 공간입니다. 디자이너, 프로그래머 모두 환영합니다.."
nNews[1]["link"]="/"
nNews[2]=new Array()
nNews[2]["text"]="종합검색 메뉴를 활용하시면 쉽게 원하는 자료를 찾을 수 있습니다.!"
nNews[2]["link"]="http://edu.yb88.com";
nNews[3]=new Array()
nNews[3]["text"]="연변 최대 한글사이트 "
nNews[3]["link"]=http://www.yb88.com;

'Text,Link,rollover > 텍스트' 카테고리의 다른 글

javaStudy 웨이브 춤추는 텍스트 4 (물결효과) (2)	2008.07.23
javaStudy 웨이브 춤추는 텍스트 3 (1)	2008.07.23
javaStudy 웨이브 춤추는 텍스트 2 (1)	2008.07.23
javaStudy 웨이브 춤추는 텍스트 1 (1)	2008.07.23
텍스트 세로로 쓰기 JavaScript 팁.. (1)	2008.07.23
텍스트 네온 자바스크립트 효과 2 (0)	2008.07.23
텍스트 네온 자바스크립트 효과 1 (2)	2008.07.23
Zoom Text JavaScript 팁.. (2)	2008.07.23
왼쪽에서 오른쪽으로 슬라이딩 되는 텍스트 자바스크립트 (1)	2008.07.23

Posted by 공든탑

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

연변88자바

뉴스 슬라이드 텍스트java (한줄씩 뉴스가 슬라이딩 됩니다)

'Text,Link,rollover > 텍스트' 카테고리의 다른 글

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

티스토리툴바