2개의 색을 겹쳐놓은 텍스트 링크
본문
<STYLE>
A,A:visited {color:black;text-decoration:none;}
A:Hover {font-style:italic;}
.textstyle{position:absolute;left:-2000px;font-size:50pt;font-weight:bold;line-height:0.8;font-family:Times;color:black;background-color:white;filter:chroma(color=black;);}
.bgdivstyle{position:absolute;left:-2000px;filter:wave(strength=2,freq=5,phase=5,lightstrength=40);}
//-->
</STYLE>
<title>2개의 색을 겹쳐놓은 텍스트 링크</title>
<BODY style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="init();">
<SCRIPT LANGUAGE="JavaScript">
// 공통 : 추가시는 그대로 복사하여 숫자만 늘려주면 됨
// 메세지
var message=new Array()
message[0]="에어컨천사닷컴"
message[1]="냉난방기 매입 및 판매"
message[2]="에어컨이전설치전문"
// 링크
var messageurl=new Array()
messageurl[0]="http://www.aircon1004.com"
messageurl[1]="http://www.aircon1004.com"
messageurl[2]="http://www.aircon1004.com"
// 타겟
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"
var messageheight=120 // 세로 크기
var messagewidth=580 // 가로 크기
var messagetop=10 // TOP 위치 - 브라우저 위쪽과 이벤트와의 공간
var messageleft=10 // LEFT 위치 - 브라우저 왼쪽과 이벤트와의 공간
var stripecolor1="green" // 조합되는 색1
var stripecolor2="aqua" // 조합되는 색2
var stripenumbers=3
var pause=3000 // 메세지가 바뀌는 시간 지정 - 3000 = 3초
var i_message=0
var timer
var bgcontent=""
function init() {
if (document.all) {
bgcontent="<table cellpadding=90 cellspacing=0 width="+messagewidth+" height="+messageheight+">"
for (i=0;i<=stripenumbers;i++) {
bgcontent+="<tr><td bgcolor="+stripecolor1+"></td></tr>"
bgcontent+="<tr><td bgcolor="+stripecolor2+"></td></tr>"
}
bgcontent+="</table>"
bgdiv.innerHTML=bgcontent
text.style.width=messagewidth
text.style.height=messageheight
document.all.text.style.posTop=messagetop
document.all.text.style.posLeft=messageleft
document.all.bgdiv.style.posTop=messagetop
document.all.bgdiv.style.posLeft=messageleft
setInterval("bgdiv.filters.wave.phase+=5",100);
changemessage()
}
}
function changemessage() {
i_message++
if (i_message>message.length-1) {i_message=0}
text.innerHTML="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"+message[i_message]+"</a>"
var timer=setTimeout("changemessage()", pause)
}
//-->
</SCRIPT>
<DIV ID="bgdiv" class="bgdivstyle"></DIV>
<DIV ID="text" class="textstyle"></DIV>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=44
A,A:visited {color:black;text-decoration:none;}
A:Hover {font-style:italic;}
.textstyle{position:absolute;left:-2000px;font-size:50pt;font-weight:bold;line-height:0.8;font-family:Times;color:black;background-color:white;filter:chroma(color=black;);}
.bgdivstyle{position:absolute;left:-2000px;filter:wave(strength=2,freq=5,phase=5,lightstrength=40);}
//-->
</STYLE>
<title>2개의 색을 겹쳐놓은 텍스트 링크</title>
<BODY style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="init();">
<SCRIPT LANGUAGE="JavaScript">
// 공통 : 추가시는 그대로 복사하여 숫자만 늘려주면 됨
// 메세지
var message=new Array()
message[0]="에어컨천사닷컴"
message[1]="냉난방기 매입 및 판매"
message[2]="에어컨이전설치전문"
// 링크
var messageurl=new Array()
messageurl[0]="http://www.aircon1004.com"
messageurl[1]="http://www.aircon1004.com"
messageurl[2]="http://www.aircon1004.com"
// 타겟
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"
var messageheight=120 // 세로 크기
var messagewidth=580 // 가로 크기
var messagetop=10 // TOP 위치 - 브라우저 위쪽과 이벤트와의 공간
var messageleft=10 // LEFT 위치 - 브라우저 왼쪽과 이벤트와의 공간
var stripecolor1="green" // 조합되는 색1
var stripecolor2="aqua" // 조합되는 색2
var stripenumbers=3
var pause=3000 // 메세지가 바뀌는 시간 지정 - 3000 = 3초
var i_message=0
var timer
var bgcontent=""
function init() {
if (document.all) {
bgcontent="<table cellpadding=90 cellspacing=0 width="+messagewidth+" height="+messageheight+">"
for (i=0;i<=stripenumbers;i++) {
bgcontent+="<tr><td bgcolor="+stripecolor1+"></td></tr>"
bgcontent+="<tr><td bgcolor="+stripecolor2+"></td></tr>"
}
bgcontent+="</table>"
bgdiv.innerHTML=bgcontent
text.style.width=messagewidth
text.style.height=messageheight
document.all.text.style.posTop=messagetop
document.all.text.style.posLeft=messageleft
document.all.bgdiv.style.posTop=messagetop
document.all.bgdiv.style.posLeft=messageleft
setInterval("bgdiv.filters.wave.phase+=5",100);
changemessage()
}
}
function changemessage() {
i_message++
if (i_message>message.length-1) {i_message=0}
text.innerHTML="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"+message[i_message]+"</a>"
var timer=setTimeout("changemessage()", pause)
}
//-->
</SCRIPT>
<DIV ID="bgdiv" class="bgdivstyle"></DIV>
<DIV ID="text" class="textstyle"></DIV>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=44
관련링크
댓글목록
등록된 댓글이 없습니다.