자바 스크립 자료

Uncategorized
2008. 12. 9.

마우스 글자 따라 다니는 소스

<html>
<head>
<title>mujigeashine</title>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-family:엽서체;
font-size:10pt;
font-weight:bold;
color:#fffff;
}
</style>

// 이부분의 문자열이 출력됩니다.
var message="저의 홈페이지에 오신것을 환영합니다.."

message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
// 자바스크립트 끝 -->
</script>
</head>

<body bgcolor="#000000" style="width:100%; overflow-x:hidden; overflow-y:scroll" onload="makesnake()">
<script language="JavaScript">
<!--
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// 자바스크립트 끝 -->
</script>
</body>
</html>
</body>
</html>

3초후에 다른 창으로 이동~
<meta http-equiv="Refresh" content="3; URL=beside1-1.htm">

시계~
<html>

<head>
<title>가자 자바스크립트 세상으로/Live Text Clock Script </title>
<link rel=StyleSheet HREF="../../wizzdesign.css" type="text/css" title="위쯔디자인 CSS">
</head>

<p>

<div ALIGN="center">
<span id=tick2>
</span>
<script>

</script>
</div>
</body>
</html>

전광판 소스~~
<applet code="ticker.class" codebase="http://my.netian.com/~johan82" codebase="http://my.netian.com/johan82" width="550" height="60" align="middle">
<param name="Text1" value="IN:UPWARD;OUT:XROUTWARD;PAUSE:1000;COLOR:0,253,254;STRING:저의 홈페이지에 오신걸">
<param name="Text2" value="IN:YRINWARD;OUT:YRINWARD;PAUSE:1000;FLASH:500,10,500;COLOR:0,255,0;STRING:환영합니다!즐거운 시간"> <param name="Text3" value="FONT:굴림체,pink,12;STRING:되세여~~~~~*^^*"> </applet>
<html>
<head>
<title>오벨리안 홈</title>
<style type="text/css">
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:active{text-decoration:none}
a:hover{text-decoration:none}
</style>
</head>
</html>

문서만 움직이는 스크립~!

<html>
<head>
<title>예제입니다-하이홈</title>

</head>

<body background="back.gif" bgcolor="white"

text="black" link="blue" vlink="purple"
alink="red" bgproperties="FIXED"> <-------------바로 요부분에 삽입해줬군여!!!

<div align="center"><table border="0"

cellpadding="5">
<tr>
<td width="485"><p> </td>
</tr>
</table></div>
<p> 
<div align="center"><table border="0">
<tr>
<td width="582"><p align="center"><font

face="굴림" size="2"><b>안녕하세요? 하이홈입니다</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>요즈음 이미지는 고정되어 있고 텍스트만 움직이는</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>홈페이지 화면 많이 보셨지요?</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>여러분도 이제 부러워하시지만 말고</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>이제 이 자바스크립트로 한 번 </b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>멋지게 꾸며보세요...</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>뒤 배경으로 쓰인 그림은 여러분의 홈페이지에</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>맞도록 다른 것으로 바꿔서 사용하시면 됩니다.....</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>처음엔 홈페이지 만드는 것이 어렵고 힘들게 느껴지시겠지만...</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>열심히 노력하면 세련되고 멋진 집을 장만하실 수 있으실 겁니다....^^ 화이팅!!!.....</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b></b></font></p>
<p> </p>
<p> </p>
<p align="center"><font size="3" color="red"><b><body>부분에
bgproperties="FIXED" 를 삽입하여 주면 됩니다</b></font></p>
<p align="center"><font size="3" color="red"><b>그러면 배경화면은 그대로 있고 내용들만 움직이는 효과를 볼 수 있답니다</b></font></td>
</tr>
</table></div>
<p> 
<div align="center"><table border="0"

cellpadding="5">
<tr>
<td width="509"><p><hr></td>
</tr>
</table></div>
<p> </p>
</body>

</html>

글씨가 색깔이 변해염~~~
<html>
<head>

<SCRIPT LANGUAGE="JavaScript1.2">

</script>
<style>body{font-weight:bold}</style>

</head>
<body>
</body>
</html>

공지창 테그..^^;;
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
<META NAME="Generator" CONTENT="EditPlus"> <style type="text/css"> body </style>
<script language="JavaScript"> var curObj; function toggleMultimedia()
{ if (textFade.filters(0).status == 2) { textFade.filters(0).Stop(); if
(textFade.style.visibility == "hidden") textFade.style.visibility = "visible";
else textFade.style.visibility = "hidden"; window.setTimeout("toggleMultimedia()", 1);
} textFade.filters(0).Apply(); if (textFade.style.visibility == "hidden")
extFade.style.visibility = "visible"; else textFade.style.visibility = "hidden"; textFade.filters(0).Play(); } </script>
</head>
<body>
<DIV align="center"
style="position:absolute;left:50px;top:50px;filter:revealTrans
(transition=23,duration=0.5) blendTrans(duration=0.5);z-index:5;"
id="textFade" onClick="toggleMultimedia()" style="cursor: hand; position: relative; left: 10; width: 310; background:skyblue; border: 0.4em double ; filter: blendTrans(duration=3)">
<font style="color:lightcyan;font-size:9pt">
<br><br>※ 펌프 동호회 T&G ※<br><br>
<br><br>안녕하세요...<br><br>T&G동호회에 오신것을 환영합니다...
<br><br>세이캐쉬,돈버는 광고는 사절입니다...^^<br><br>
필요하신 자료 있으시면 요청해 주세염...^^<br><br>주말마다 올려 드릴께염...
br><br>그럼... 즐거운 하루 되시길...<br><br>*^^* T&G 화이링~~~ *^^*<br><br>
<br>글구 이건 클릭하면 사라져요...휘리릭~~~*^^*<br><br><br></font>
</DIV>
</body>
</html>
br></div></TD></TR><br>

나갈때 바이 메세지.

<HTML>

들어 올때 메세지

<body><SCRIPT> function checkAGE(){if (!confirm ("태그 따라잡기 입니다. 들어오실려면 확인을 누르시고 그렇지 않으면 취소를 눌러주시어요")) history.go(-1);return " "} document.writeln(checkAGE())</SCRIPT>

오른쪽 마우스 클릭 금지

텍스트만 움직이는 스트롤~

배경이미지는 고정되어 있고 텍스트만 스크롤되는 스크립트입니다.
단순히 <body>부분에 bgproperties="FIXED" 를 삽입하기만 하면 된답니다... 쉽져?^^
(맨 아랫부분 첨부파일을 참조하세요~)

<소스보기>

<html>
<head>
<title>예제입니다-하이홈</title>

</head>

<body background="back.gif" bgcolor="white"

text="black" link="blue" vlink="purple"
alink="red" bgproperties="FIXED"> <-------------바로 요부분에 삽입해줬군여!!!

<div align="center"><table border="0"

cellpadding="5">
<tr>
<td width="485"><p> </td>
</tr>
</table></div>
<p> 
<div align="center"><table border="0">
<tr>
<td width="582"><p align="center"><font

face="굴림" size="2"><b>안녕하세요? 하이홈입니다</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>요즈음 이미지는 고정되어 있고 텍스트만 움직이는</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>홈페이지 화면 많이 보셨지요?</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>여러분도 이제 부러워하시지만 말고</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림"

size="2"><b>이제 이 자바스크립트로 한 번 </b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>멋지게 꾸며보세요...</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>뒤 배경으로 쓰인 그림은 여러분의 홈페이지에</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>맞도록 다른 것으로 바꿔서 사용하시면 됩니다.....</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>처음엔 홈페이지 만드는 것이 어렵고 힘들게 느껴지시겠지만...</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b>열심히 노력하면 세련되고 멋진 집을 장만하실 수 있으실 겁니다....^^ 화이팅!!!.....</b></font></p>
<p align="center"> </p>
<p align="center"><font face="굴림" size="2"><b></b></font></p>
<p> </p>
<p> </p>
<p align="center"><font size="3" color="red"><b><body>부분에
bgproperties="FIXED" 를 삽입하여 주면 됩니다</b></font></p>
<p align="center"><font size="3" color="red"><b>그러면 배경화면은 그대로 있고 내용들만 움직이는 효과를 볼 수 있답니다</b></font></td>
</tr>
</table></div>
<p> 
<div align="center"><table border="0"

cellpadding="5">
<tr>
<td width="509"><p><hr></td>
</tr>
</table></div>
<p> </p>
</body>

</html>

그림이 따라 다니는 테그

아래의 내용을 <body>시작 부분에 넣어주세요...

nos=parseInt(T1.length/3)
rate=5
ie5fix1=15;
ie5fix2=15;

ver = parseInt(navigator.appVersion);
if (ver >= 4) {
loadcursor();
}

function loadcursor() {
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src=’"+T1[i*3]+"’ width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}

if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos;
setInterval("cycle()",rate);
}

</script>

상태바에 글이 나타나여~~~^^;;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>pingpong</TITLE>
<META http-equiv="content-type" content="text/html; charset=EUC-KR">
<STYLE><!--
A:visited { text-decoration:none; color:#AA66BB;}
A:hover { color:#A2A2FF; }
A:link { text-decoration:none; color:#BBFFFF;}

--></STYLE>
<SCRIPT language="JavaScript">
<!--

/* MjM’S JAVA CODENAME = PINGPONG
This JavaScript Code was written by MjM for Hyperchat UK
Modified by David Helgeson Email: pc_freak@cyberdude.com

I am not responsible for any damage caused by my code.
This code can be modified as long as the Author’s Name is still attached.
Email : MjM@hyperchat.co.uk
?Copyright 1996
*/

var yourwords = "*여기에 글자들이 나타납니다*";

var buffer1=" ";

var buffer2=" ";

var message1=buffer1+yourwords+buffer2;

var dir = "left";

var speed = 75;

function pingpong()

{

if (dir == "left")

{

message2=message1.substring(2,message1.length)+" ";

window.status=message2;

setTimeout("pingpong();",speed);

message1=message2;

if (message1.substring(0,1) == "*") dir="right";

}

else

{

message2=" "+message1.substring(0,message1.length-2);

window.status=message2;

setTimeout("pingpong();",speed);

message1=message2;

if (message1.substring(message1.length-1,message1.length) == "*") dir="left";
}
}
// -->
</SCRIPT></HEAD>
<BODY bgcolor="black" text="white" link="blue" vlink="purple" alink="red" onload="pingpong();">

<TABLE border="0" width="530">
<TR>
<TD width="603" height="280"><P align="center"><FONT face="굴림체" size="2">상태바에 텍스트가 통~ 통~ <BR>
WELCOME TO HIHOME!!!<BR>
아래를 보셔요! </FONT></P>
<P align="center"> </P>
<P align="center"><A href="javascript:history.back(-1)"><FONT face="굴림" size="2">◀BACK</FONT></A></TD>
</TR></TABLE>
<P> </P>
</body>
</HTML>

위에서 눈 송이가 날리는~~

바탕화면에 떨어지는 꽃잎들을 보신적이 있나요..
바로 그 소스입니다. 아래 소스 복사해서 넣으세요.
그림은 자기가 원하는 걸루 올려도 멋있겠구요..
//<body> 다음에 아무곳에나 넣어주면 됩니다.

아래와 같은 구문을 집어 넣어주시면 돼요...

가운데 양옆으로 열리는 오프닝 예제

function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0)
clearInterval(stopit)
}
}

function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>

상태바 메세지 출력 2

<HTML>
<HEAD>
<TITLE>Statusbar Scroll</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

function makeArray(n) {
this.length = n;
}

function stopBanner() {
if (bannerRunning)
clearTimeout(timerID);
bannerRunning = false;
}

function startBanner() {
stopBanner();
showBanner();
}

var speed = 100 // decrease value to increase speed (must be positive)
var pause = 1000 // increase value to increase pause
var timerID = null;
var bannerRunning = false;
var currentMessage = 0;
var offset = 0;

var arlength = 4; // number of messages (to solve an NS2 bug)
var ar = new makeArray(arlength); // number of messages
ar[0] = "세상에서 가장 아픈 추억은 사랑";
ar[1] = "그 사랑 중에 가장 슬픈 사랑은";
ar[2] = "사랑하는 사람의 뒤로";
ar[3] ="옛사랑의 모습을 떠올리는 것";
// -->
</SCRIPT></HEAD>
<BODY bgcolor="black" text="black" link="blue" vlink="purple" alink="red" onload="startBanner()">

</body>
</HTML>

디지털 시계~

시계 효과를 나타내는 DHTML입니다-

설치
① <HEAD>와 </HEAD>태그 사이에 아래의 소스를 복사하여 넣습니다.

<SCRIPT language="JavaScript">
<!--

/*
Upper Left Corner Live Clock Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100’s more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size=’5’ face=’Arial’ ><b><font size=’1’>Current Time:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}

//-->
</SCRIPT>

② <BODY onLoad="show5()">태그를 넣습니다.

③ <SPAN id="liveclock" style="position:absolute;left:195;top:262;"></SPAN>태그를 시계를 위치할 곳에 넣습니다.

**소스 수정**
<SPAN>태그에서 left:195;top:262;
→ 시계의 위치 지정하기

꽃 송이가 위로 올라가는 태그~
<body background="back3.gif">
<script language="JavaScript1.2">

<!-- 꽃날리기

var no = 12; // 총 몇개를 날리느냐

var speed = 10; // 숫자가 작을수록 빨라집니당

balloon = new Array();

balloon[0] = "http://www.shinbiro.com/~hohana/flo03ani_b.gif"; // 이미지 1

var maxballoon = 0;

var ns4up = (document.layers) ? 1 : 0;

var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp;

var am, stx, sty;

var i, doc_width = 500, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight - 50;

} else if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight -50;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

j = maxballoon;

for (i = 0; i < no; ++ i) {

dx[i] = 0;

xp[i] = Math.random()*(doc_width-50);

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

if (ns4up) {

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>");

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>");

}

} else if (ie4up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>");

}

if (j == 0) { j = maxballoon; } else { j -= 1; }

}

function snowNS() {

for (i = 0; i < no; ++ i) {

yp[i] -= sty[i];

if (yp[i] < 0) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = doc_height;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = self.innerHeight -50;

}

dx[i] += stx[i];

document.layers["dot"+i].top = yp[i];

document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowNS()", speed);

}

function snowIE() {

for (i = 0; i < no; ++ i) {

yp[i] -= sty[i];

if (yp[i] < 0) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = doc_height;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight -50;

}

dx[i] += stx[i];

document.all["dot"+i].style.pixelTop = yp[i];

document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowIE()", speed);

}

if (ns4up) {

snowNS();

} else if (ie4up) {

snowIE();

}

// 꽃 날리기 끝 -->

</script>

보안성...

유의사항 : , , 의 script, body 앞의 x 자와 java-script1.2 의 - 를 삭제하고 붙일것
on-click,on-mouse,on-mouseover,on-mouseout 의 가운데 "-" 을 삭제하고 붙여줄 것!!

1 단계 :

아래 스크립트를 body 밑에다가 넣어 줍니다

공지 사항창...내가 알고 싶었던 거...ㅠ ㅠ
<script language="JavaScript1.2">
<!--

var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
function Show(divid)

{
divid.filters.blendTrans.apply();
divid.style.visibility = "visible";
divid.filters.blendTrans.play();
}
function Hide(divid) {
divid.filters.blendTrans.apply();
divid.style.visibility = "hidden";
divid.filters.blendTrans.play();
}
//-->
</script>
</head>
<body>
<p><div id="Notice" style="width:300px; height:394px; position:absolute; left:250px; top:36px; z-index:5; filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);"
onmouseover="dragObj=Notice; drag=1;move=0" onmouseout="drag=0"> <table border="0" cellpadding="0" cellspacing="0" width="300" bordercolordark="#FF9933"
   bordercolorlight="#FFFFFF"> <tr BGCOLOR="#FFFFFF">
<td width="300" bgcolor="#FFCCCC">
<TABLE border=5 borderColor="white" width=100% bordercolordark="white" bordercolorlight="white">
<TBODY>
<TR>
<TD bgColor="#F9E3B9">
<P><FONT color="#FF9933" face="돋움체" size="2">+:+:+:+:공지사항+:+:+:+:    </font><a href="javascript:void(Hide(Notice))"
   onmouseover="window.status=(':: 닫아염 ::');return true;"
   onmouseout="window.status=('');return true;"><FONT color="#FF9933" face="Comic Sans MS" size="2"><b>Close</b></font></a></td></tr>
</FONT></P>
<p> <tr>
<TD bgColor="#F9E3B9">
<p align="left"><font size=-1 face=돋움 color="#FF9933"> 공지 사항입니다..<br>요건 이미지가 하나도 안들어 간거예요<br>
마우스로 끌어서 움직일수도 있네요<br>색상은 여러분 맘대로 ^^<br></font>
</TD>
</tr>
</TBODY></TABLE>
</td></tr>
</table></div>
</BODY>
</HTML>

테스트만 흩뿌리기

<HTML>
<HEAD>
<p><center><font color="navy"><b>▶ </b></font>
<a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12"><font color="navy"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></font></a></center><p>

<SCRIPT LANGUAGE = "JavaScript">
<!--
// start topbanner
function banArray(len) {
this.length=len
}

Text = new banArray(8)
Text[0] = "인터넷 익스플로러에서만 동작합니다!"
Text[1] = "텍스트에 흩뿌림 효과를 줄 때 유용합니다. "
Text[2] = "이 스크립트는 필터 효과를 이용합니다. "
Text[3] = "만일 텍스트에 흩뿌림 효과가 나타나지 않는다면"
Text[4] = "이 효과를 지원하지 않는 브라우저이거나"
Text[5] = "버전이 맞지 않는 경우일 것입니다!"
Text[6] = "이 필터 효과는 웹 페이지 전체에도 적용할 수 있습니다."
Text[7] = "자세한 내용은 <웹 페이지 전환시 흩어뿌리기 효과 주기>를"
Text[8] = "참고하세요. 감사합니다."

ScriptText = new banArray(8)

var i = -1
function playBanner()
{
if (i == 8) {
i = 0
} else {
i++
}

pos.filters[0].apply()
pos.innerText = Text[i]

pos.filters[0].play()

setTimeout("playBanner()",5000)
}
// end topbanner

// start iframe filter
function focus() {
dTutorial.style.visibility="hidden";
dTutorial.filters.item(0).Transition=23;
dTutorial.filters.item(0).Apply();
dTutorial.style.visibility="visible";
dTutorial.filters(0).play(2);
}

function goDhtml() {
parent.parent.MENU.loadCheck();
parent.parent.MENU.menuShow();
}
// end iframe filter

// start fade
var curObj;
function toggleMultimedia() {

if (curObj.filters(0).status == 1) {
   curObj.filters(0).Stop();
   if (curObj.style.visibility == "visible")
curObj.style.visibility = "hidden";
   else
curObj.style.visibility = "visible";
window.setTimeout("toggleMultimedia()", 2);
}

curObj.filters(0).Apply();

if (curObj.style.visibility == "visible")
   curObj.style.visibility = "hidden";
else
   curObj.style.visibility = "visible";

curObj.filters(0).Play();
}
// end fade

// start topani
function topAni(offX, offY, positive) {
if (offX > 1) {
offX -= 1;
offY -= 1;
document.all.topText.style.filter = "dropShadow(color=#034A5F, offX=" + offX + ", offY=" + offY + ", positive=" + positive + ")";
setTimeout("topAni(" + offX + "," + offY + "," + positive + ")", 100);
}
}
// end topani

function closeWindow() {
var w = ad_page.html
for (w in windows)
if (!windows[w].closed)
windows[w].close();
}

browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape") {
version = "nn";
} else {
version = "ie";
}
if (version == "nn") {
alert("넷스케이프에서는 이 효과를 지원하지 않습니다!");
}
//-->

</SCRIPT>
</HEAD>
<body bgcolor="white" onLoad="playBanner()">
<DIV id=pos style="position: absolute; top: 50; left:30; color: navy; width:300; height:100; text-align: left; font-family: Arial; font-weight: bold; font-size:12; filter: revealTrans(Transition=12, Duration=2)"></DIV>

컴질스토리

자바 스크립 자료

Copyright © 컴질스토리 All Rights Reserved

'Uncategorized' 관련 글

태그 교육자료

윈도우160가지 팁

배경음악(<EMBED>) 관련 태그

메뉴 소스

Copyright © 컴질스토리 All Rights Reserved

티스토리툴바