tween class

2008. 1. 29. 15:52

Tween 클래스


Tween 클래스를 사용하면 스테이지에서 무비 클립을 쉽게 이동하고 크기를 조절하며 페이드 인/아웃 효과를 적용할 수 있습니다.

 

mx.transitions.Tween 클래스의 생성자는 다음과 같은 매개 변수 이름 및 유형을 갖고 있습니다.

function Tween(obj, prop, func, begin, finish, duration, useSeconds) {

// 코드 ...

}

obj Tween 인스턴스에서 대상으로 지정하는 무비 클립 객체입니다.
prop 값이 트위닝될 obj의 속성 문자열 이름입니다.
func 트위닝되는 객체의 속성 값에 대한 여유 효과를 계산하는 여유 메서드입니다.
begin 트위닝할 대상 객체의 속성인 prop의 시작 값을 나타내는 숫자입니다.
finish 트위닝할 대상 객체의 속성인 prop의 종료 값을 나타내는 숫자입니다.
duration 트윈 모션의 시간 길이를 나타내는 숫자입니다. 이 값을 생략하면 기본적으로 duration은 infinity로 설정됩니다.
useSeconds duration 매개 변수에 지정하는 값과 관련된 부울 값입니다. 이 값이 true일 경우 초 사용을 나타내며 false일 경우 프레임 사용을 나타냅니다.

 

............................................................................................................................................................................

 

(Tween 클래스의 간단한 예)

 

1. 새 문서를 만들고 이름을 easeTween.fla로 지정합니다.

2. 스테이지에 무비 클립을 만듭니다.

3. 무비 클립 인스턴스를 선택하고 속성 관리자의 인스턴스 이름 텍스트 상자에 ball_mc를 입력합니다.

4. 타임라인의 프레임 1을 선택하고 액션 패널에 다음 코드를 추가합니다.

import mx.transitions.Tween;
import mx.transitions.easing.*;
new Tween(ball_mc, "_x", Elastic.easeOut, Stage.width, 0, 3, true);

5. 컨트롤 > 무비 테스트를 선택하여 애니메이션을 확인합니다.


............................................................................................................................................................................

 

여유 클래스 및 메소드

 

 전환

 설명

 Back

 애니메이션을 한 번에 한쪽 끝이나 양쪽 끝에서 전환 범위를 넘어 확장하며 오버플로 효과를 제공합니다.

 Bounce

 한쪽 끝이나 양쪽 끝에서 전환 범위 내에 공이 튀는 효과를 제공합니다.
 튀는 횟수는 지속 시간과 관련이 있습니다. 즉, 지속 시간이 길수록 여러 번튑니다.

 Elastic

 한쪽 끝이나 양쪽 끝에서 전환 범위를 벗어나는 탄성 효과를 적용합니다.
 탄성의 정도는 지속 기간의 영향을 받지 않습니다.

 Regular

 한쪽 끝이나 양쪽 끝에서 더 느린 움직임을 적용합니다.

 이 기능을 사용하면 가속 효과, 감속 효과 또는 두 효과를 모두 적용할 수 있습니다.

 Strong

 한쪽 끝이나 양쪽 끝에서 더 느린 움직임을 적용합니다.

 이 효과는 Regular여유와 비슷하지만 더 뚜렷합니다.

  없음

 속도의 가감 효과 없이 처음부터 끝까지 같은 속도로 이동하는 움직임을 적용합니다.

 이 전환은 선형 전환이라고도 합니다.


이러한 위 표의 여섯 개의 여유 클래스에는 각각 세 개의 여유 메서드가 있습니다.
다음 표에서는 이들 메서드에 대해 설명하고 있습니다.

 

 메서드

 설명

 easeIn

 전환 시작 부분에서 여유 효과를 제공합니다.

 easeOut

 전환 끝 부분에서 여유 효과를 제공합니다.

 easeInOut

 전환 시작 부분과 끝 부분에서 여유 효과를 제공합니다.

Posted by falldown
:

플래시액션스크립트 - flash action script

lozzon 2006.02.07 16:28

조회 19,910


----------------------------------------------------------------------------
// .....       주석 기호 
/* ..... */    주석 기호 
----------------------------------------------------------------------------
\r        // 리턴 코드  (ASC 13)
\n        // 줄바꿈 코드 (ASC 10)
\r\n      // 줄바꿈 코드  (2줄)
\t        // Tab 코드 (ASC 9)
\b        // Backspce 코드 (ASC 8)
&         // text 파일 데이타 구분 코드
----------------------------------------------------------------------------
산술연산자  +, -, *, /, %                 //  %  나머지를 구한다
대입연산자  =, +=, -=, *=, /=, %=         //  i+=4 와  i=i+4 는 같다
증감연산자  ++, --                        //  i++  와   i=i+1 는 같다 
비교연산자  ==, !=, >, <, >=, <=          //  !=  '같지않다' 로 해석
비교연산자  ===                           //  숫자 와 문자 구분
a = 5;    b = "5";                        //  숫자 5 와 문자 "5"
(a == b)                                  //  숫자 5 와 문자 "5"  는 같다 (true)
(a === b)                                 //  숫자 5 와 문자 "5" 는 틀리다 (false)
논리연산자  &&, ||, !                     //  그리고(AND), 또는(OR), 아니면(NOT)
조건연산자  ?    ( a ) ? b : c ;          //  a 조건이 맞으면 b 틀리면 c 실행
x=5;  y=10;  z=(x<6) ? x: y;   trace (z); //  z 은 5 이다
문자연산자  eq  ne  not  or  add          //  eq(==) ne(!=) not(!) or(||) add(+ 문자열의 연결)
( )                                       //  연산의 순서를 정한다
[ ]                                       //  배열을 지정한다
" "                                       //  문자를 지정한다
a=1+2;  trace(a);                         //  연산 결과 출력.  결과는 3
aaa=1;  set("ccc", aaa );  trace(ccc);    //  변수에 값을 지정.  결과는 1
aaa=1;  set("ccc", "aaa");  trace(ccc);   //  변수에 값을 지정.  결과는 aaa
set("ooo", getProperty ("ppp", _x ));     //  ppp x 좌표를  ooo 에 지정.
----------------------------------------------------------------------------
for (a=1; a<=10; a++)  { trace("a="+a); };             //  for  반복문
for (i=1; i<=120;  i+=12) { continue; };               //  for step 반복문
while(true) {  if(a == 0) { break; }; };               //  while  반복문
do { if(a == 0) { break; }; };  while(true);           //  do 반복문
if((n == 0) || (n >= 5)  &&  (n <= 55)  !(n=15)) {     //  if 조건문
 gotoAndPlay(1);
} else if (n == 2) {
 gotoAndPlay(2);
} else {
 gotoAndPlay(3);
};
num_ch = 3;                                             //  switch 조건문
switch (num_ch) {                                               
      case 1:    trace ( " case 1 tested true " );  break;
      case 2:    trace ( " case 2 tested true " );  break;
      default:    trace ( " no case tested true " );
};
----------------------------------------------------------------------------
function sumnumber(a,b,c) {  return(aaa= a+b+c); };    // 함수
sumnumber(1,2,3);
trace(aaa);
----------------------------------------------------------------------------
Math.abs(-1)              //  절대값.   결과는 1
Math.sin(1)               //  sin 값.   결과는 0.841470984807897
Math.cos(1)               //  cos 값.   결과는 0.54030230586814
Math.tan(1)               //  tan 값.   결과는 1.5574077246549
Math.log(2)               //  log 값.   결과는 0.693147180559945
Math.exp(1)               //  지수 값.    결과는 2.71828182845905
Math.sqrt(9)              //  제곱근 값.    결과는 3
Math.pow(2 , 4)           //  거듭제곱 값.    결과는 16
Math.ceil(1.1)            //  가까운 정수로 올림 값.    결과는 2
Math.ceil(1.5)            //  가까운 정수로 올림 값.    결과는 2
Math.floor(1.2)           //  가까운 정수로 내림 값.    결과는 1
Math.floor(1.7)           //  가까운 정수로 내림 값.    결과는 1
Math.round(1.2)           //  가까운 정수로 반올림 값.    결과는 1
Math.round(1.5)           //  가까운 정수로 반올림 값.    결과는 2
Math.max(1 , 2)           //  두 정수 중 큰 정수값.    결과는 2
Math.min(1 , 2)           //  두 정수 중 작은 정수값.    결과는 1
int(1.12 );               //  수치를 정수화.   결과는 1    
int(1.82 );               //  수치를 정수화.   결과는 1    
parseInt("3.2");          //  문자열을 정수화.  결과는 3    
parseInt("3.7");          //  문자열을 정수화.  결과는 3    
parseInt("5abc");         //  문자열을 정수화.  결과는 5
parseInt("abc5");         //  문자열을 정수화.  결과는 NaN    
parseInt("3E8", 16);      //  16 진수로 변환.   결과는 1000
parseInt("777", 8);       //  8 진수로 변환.   결과는 511
parseInt("1010", 2);      //  2 진수로 변환.   결과는 10
parseFloat("2")           // 문자열을 부동점 숫자로 변환.  결과는 2
parseFloat("2.4")         // 문자열을 부동점 숫자로 변환.  결과는 2.4
parseFloat("2.6abc")      // 문자열을 부동점 숫자로 변환.  결과는 2.6
Number("11")              //  문자열을 숫자로 변환.   결과는 11
Number("12.34")           //  문자열을 숫자로 변환.   결과는 12.34
Number("12.34abc")        //  문자열을 숫자로 변환.   결과는 NaN
sss = 123;  uuu = sss.toString();      // 숫자를 문자로변환.  결과는 123
ord("abc");                            //  ASCII 값.   결과는 97
s = "abc";   sss = s.charCodeAt(0);    //  1번째 ASCII 값 .   결과는 97
s = "abc";   sss = s.charCodeAt(1);    //  2번째 ASCII 값.    결과는 98
chr(65);                               //  ASCII 코드를 문자화.  결과는 A
String.fromCharCode(64,65,66);         //  ASCII 코드를 문자화.  결과는 @AB
Math.random();                         // 난수 발생.  결과는 0 - 1 사이의 소숫점 포함한 값
random(5);                             // 난수 발생.  결과는 0,1,2,3,4 중 하나
----------------------------------------------------------------------------
// delete 변수 또는 객체 ;             // 변수를 삭제  (var 로 선언된 변수는 삭제할 수 없다)
account = 1;   trace (account) ;                      // 결과는 1 
account = 1;   delete account;    trace (account);    // 결과는 undefined
delete onEnterFrame;                                  // 반복 실행 중지
----------------------------------------------------------------------------
typeof( );            // String, Number, MovieClip, Object, Boolean, Function 여부를 지정
trace (typeof(1));    // 결과는 Number
trace (typeof("1"));  // 결과는 String
trace (typeof(aaa));  // aaa가 무비클립 이라면  결과는 MovieClip
----------------------------------------------------------------------------
isFinite( );            // 숫자가 유한수이면 true 무한수거나 음의 무한대이면 false
trace (isFinite(aaa));  // aaa 값이 NaN 이라면 결과는 false
----------------------------------------------------------------------------
Mouse.show();           // 마우스 보임
Mouse.hide();           // 마우스 감춤
myClip.onMouseDown = function () {trace (" depth 무시"); };     // 마우스 누를 때
myClip.onMouseUp = function () {trace ("depth 무시"); };        // 마우스 눌렀다 놓을 때
myClip.onMouseMove = function () { trace ("depth 무시"); };     // 마우스 이동할 때
myClip.onPress = function () { trace ("depth 적용"); };         // 마우스 누를 때
myClip.onRelease = function () { trace ("depth 적용 "); };      // 마우스 눌렀다 놓을 때
myClip.onReleaseOutside = function () { trace ("Outside"); };   // 마우스 나가서 놓을 때
myClip.onRollOver = function () { trace ("Over called"); };     // 마우스 오버 때
myClip.onRollOut = function () { trace ("Out called"); };       // 마우스 아웃 때
----------------------------------------------------------------------------
// 단추무비클립 클릭후 액션 스크립트를 넣는다
on (press){           }  // 마우스 버튼을 누를 때   };  x  }  o
on (release){         }  // 마우스 버튼을 눌렀다 뗄 때
on (releaseOutside){  }  // 마우스 버튼을 누르고 나가서 뗄 때
on (rollOver){        }  // 마우스 포인트가 위로 올라올 때
on (rollOut){         }  // 마우스 포인트가 밖으로 나갈 때
on (dragOver){        }  // 누른 채로 밖으로 나갔다가 다시 들어올 때
on (dragOut){         }  // 마우스버튼을 누르고 바깥으로 드래그할 때
on (keyPress){        }  // 지정한 키를 누를 때
----------------------------------------------------------------------------
// 무비클립 클릭후 액션 스크립트를 넣는다
onClipEvent (load) {            }  // 시작 될때  };  x  }  o  
onClipEvent (unload) {          }  // 제거 될때
onClipEvent (enterFrame) {      }  // 트리거 될때
onClipEvent (mouseMove) {       }  // 마우스가 이동할 때
onClipEvent (mouseDown) {       }  // 마우스 클릭 시
onClipEvent (mouseUp) {         }  // 마우스 클릭 후
onClipEvent (keyDown) {         }  // 키를 누를 때
onClipEvent (keyUp) {           }  // 키를 눌렀다 놓을 때
onClipEvent (data) {            }  // loadVariables 또는 loadMovie 액션에서 데이터가 수신될 때
----------------------------------------------------------------------------
TextField.onChanged = function () { trace ("onChanged called"); };
// 텍스트 필드의 내용이 변경될 때
TextField.onSetFocus = function () { trace ("onSetFocus called"); };
// 텍스트 필드의 내용 부분에 마우스가 클릭 될 때
TextField.onKillFocus = function () { trace ("onKillFocus called"); };
// 텍스트 필드의 내용 바깥 부분에 마우스가 클릭 될 때
TextField.onScroller = function () { trace ("onScroller called"); };
// 텍스트 필드의 내용이 스크롤 될 때
----------------------------------------------------------------------------
myMovieClip.onData = function () { trace ("onData called"); }; 
// 무비 클립이 loadVariables 또는 loadMovie 호출로부터 데이터를 받을 때
myMovieClip.onLoad =  function () { trace ("onLoad called"); }; 
// 무비 클립이 load 호출로부터 데이터를 받을 때
myMovieClip.onUnLoad =  function () { trace ("onUnLoad called"); }; 
// 무비 클립이 Unload 때
myMovieClip.stop()  
// 작업 중지
----------------------------------------------------------------------------
myDate = new Date();                               // 날짜 로드
myDate = new Date (년,월,일,시,분,초);             // 날짜 지정
yyyy = (myDate.getFullYear() + "-" + (myDate.getMonth() + 1) + "-" + myDate.getDate());
tttt = (myDate.getHours()+ " :" + myDate.getMinutes() + " :" +myDate.getSeconds());
----------------------------------------------------------------------------
_root.onEnterFrame = function() {   };             // 메인화면에서 프레임 반복
onEnterFrame = function() {   };                   // 심볼화면에서 프레임 반복
----------------------------------------------------------------------------
tmtm = getTimer();          
onEnterFrame = function() {
  if ( (getTimer()-tmtm) >= 500 ) { tmtm=getTimer(); trace (tmtm); };   // 0.5초후 반복실행
  if ( (getTimer()-tmtm) >= 1000 ) { tmtm=getTimer(); trace (tmtm); };  // 1초후 반복실행
  if ( (getTimer()-tmtm) >= 2000 ) { tmtm=getTimer(); trace (tmtm); };  // 2초후 반복실행
};
----------------------------------------------------------------------------
onEnterFrame = function() {                                
   nr += 1;  if (nr > 5 )  {  delete  onEnterFrame;  };           // 5번 반복실행후 중지
   trace (nr);
};
----------------------------------------------------------------------------
createTextField ("ins", 1, 100, 100, 50, 50)
ins.border = true;
function callback() {
   ins._x += 5;
   if ( ins._x > 400 ) { clearInterval( intervalID );  };      // 중지 (clearInterval)
}
var intervalID;
intervalID = setInterval( callback, 100 );             //  0.1초후 반복실행 (setInterval)
----------------------------------------------------------------------------
#include "script.as"         // script.as 파일 넣기 (액션 스크립트 txt 파일)
----------------------------------------------------------------------------
System.useCodepage = true;   // 한글 깨짐 방지
trace(System.capabilities.language)          // Flash Player가 지원하는 언어. 결과는 ko
trace(System.capabilities.hasVideoEncoder)   // 지원되는 비디오 인코더. 결과는 true, false.
trace(System.capabilities.hasAudioEncoder )  // 지원되는 오디오 인코더. 결과는 true, false.
trace(System.capabilities.hasAudio)          // 오디오 성능이 있는지 여부. 결과는 true, false.
trace(System.capabilities.hasMP3)            // MP3 디코더가 있는지 여부. 결과는 true, false.
----------------------------------------------------------------------------
escape("abc가나다");         // URL에 사용하기 위해 인코딩.
// System.useCodePage= true; 일때 결과는 abc%B0%A1%B3%AA%B4%D9
// System.useCodePage= false; 일때 결과는 abc%EA%B0%80%EB%82%98%EB%8B%A4
----------------------------------------------------------------------------
trace(targetPath(this));     // 대상 패스를 반환.  결과는 _level0.instance1 로 표시
trace(this.valueOf());       // 결과는 _level0 로 표시
----------------------------------------------------------------------------
trace(this.getBytesLoaded());  // 무비클립의 로드된 바이트 수를 알려준다.
trace(this.getBytesTotal());   // 무비클립의 전체용량 바이트 수를 알려준다.
----------------------------------------------------------------------------
getURL("C:/")                                          // 탐색기 열기
getURL("C:/Windows/NOTEPAD.EXE");   };                 // 메모장 열기
getURL("C:/Program Files/Accessories/WORDPAD.EXE");    // 워드패드 열기
getURL("C:/Program Files/Accessories/MSPAINT.EXE");    // 그림판 열기
getURL("C:/Windows/CALC.EXE");                         // 계산기 열기
getURL ("aaa.exe");                                    // aaa.exe 파일 열기 (message)
getURL ("aaa.txt", "_self");                           // aaa.txt 파일 열기
getURL ("movie.html", "_self");                        // movie.html 파일 열기
getURL ("
http://www", "_blank");                       // http://www 를 새로운 창으로 열기
----------------------------------------------------------------------------
Stage.showMenu = "true";        // 스크린 메뉴 보임
Stage.showMenu = "false";       // 스크린 메뉴 감춤 
Stage.scaleMode = "noScale";    // 화면의 사이즈를 고정
Stage.align = "TL";             // 화면의 정렬을 T(위) L(왼쪽)
           //  "T" 위 가운데    "B" 아래 가운데    "L" 가운데 왼쪽    "R" 가운데 오른쪽
           //  "TL" 위쪽 왼쪽   "TR" 위쪽 오른쪽   "BL" 아래쪽 왼쪽   "BR" 아래쪽 오른쪽
Stage.height      // 픽셀로 표시된 스테이지의 높이
Stage.width       // 픽셀로 표시된 스테이지의 넓이
----------------------------------------------------------------------------
_root.createEmptyMovieClip("box",1);      // 스테이지 테두리 주기
with (_root.box) {  moveto(1, 1);   linestyle(10, 0x00cc00, 100);
    lineto(stage.width, 1);     lineto(stage.width, stage.height);
    lineto(1, stage.height);    lineto(1, 1);   };
----------------------------------------------------------------------------
fscommand("showmenu", true);      // 스크린 메뉴 보임
fscommand("showmenu", false);     // 스크린 메뉴 감춤
fscommand("allowscale", true);    // 스크린 크기에 따라 무비의 크기도 변함
fscommand("allowscale", false);   // 스크린 크기에 따라 무비의 크기도 안변함
fscommand("fullscreen", true);    // 풀 스크린 (esc키 누르면 해제)
fscommand("fullscreen", false);   // 풀 스크린을 원래의 크기로 만든다
fscommand("trapallkeys", true);   // 키보드 키 사용할 수 없음 (풀 스크린 일때 esc키 먹통)
fscommand("trapallkeys", false);  // 키보드 키 사용할 수 있음
fscommand("quit");                // 스크린 닫기
fscommand ("exec", "a.exe");      // a.exe 파일 실행 (no message)
   플래시 무비(exe) 가 위치하는 폴더안에 fscommand 라는 하위 폴더를 만들고
   fscommand 디렉토리에  a.exe 가 있을때 플래시 무비(exe)를 실행하면 a.exe파일 실행
----------------------------------------------------------------------------
// getURL 로 javascript 사용하기
var hello = "Hello, World";
getURL("javascript:alert(\" "+ hello + "  \")");   // 메세지 띄우기
getURL("javascript:window.self.close()");          // 윈도우창 닫기
getURL("javascript:window.external.AddFavorite('http://','가')" );    //즐겨찾기 추가
----------------------------------------------------------------------------
// fscommand 로 javascript 사용하기
1.  fscommand ("messagebox", "This is a Flash.");   // aaa.swf flash script
2.  파일메뉴 - 제작설정 - 포맷 (HTML체크) - HTML (템플릿: with FSCommand 체크)
3.  파일메뉴 - 제작 (파일명은 aaa.swf) -  aaa.html 파일이 디렉토리에 만들어 진다
4.  aaa.html 파일을 열고  function aaa_DoFSCommand(command, args) {  아래에
      if (command == "messagebox") {  alert(args);  };   을 적고 저장 한다
5.  aaa.html 실행 (실행후 제작설정 해제)
----------------------------------------------------------------------------
// fscommand 로 javascript 의 변수값 불러오기
1. fscommand ("search", TextFieldvar);     // aaa.swf flash script
2. if (command == "search") {              // aaa.html script
       EEEfind = "FFFFFFFF";
       window.document.aaa.SetVariable("TextFieldvar", EEEfind) ;
       return TextFieldvar;
    };
3. aaa.html 실행
----------------------------------------------------------------------------
_root.loadMovie("a.swf");            // swf 파일 불러오기
_root.bbb.loadMovie("a.swf")         // swf 를 메인에 있는 bbb무비클립인스턴스에 불러오기
_root.loadMovie("a.swf", 1);         // swf 를 레벨1로 불러오기 (2 는 1를  screen over)
_root.loadMovie("aaa.jpg");          // jpg 파일 불러오기
_root.bbb.loadMovie("aaa.jpg");      // jpg 파일을 메인에 있는 bbb무비클립인스턴스에 불러오기
unloadMovie (1);                     // 레벨 1에 로드된 무비를 언로드
unloadMovie ("a.swf");               // 현재 무비에 로드된 a.swf 무비를 언로드
_root.bbb.unloadMovie();             // 메인 타임라인의 bbb 무비클립에 로드된 무비를 언로드
this["bbb"].unloadMovie();           // 현재 타임라인의 bbb 무비클립에 로드된 무비를 언로드
sss.bbb.unloadMovie();               // sss 심볼 타임라인의 bbb 무비클립에 로드된 무비를 언로드
----------------------------------------------------------------------------
button.onPress = function() { _root.loadMovie("aaa.swf"); }     // aaa.swf 실행중 초기화 하기
----------------------------------------------------------------------------
_root["ball_"+counter]._x = 11;       //  메인 화면의 클립 좌표
this["ball_"+counter]._x = 11;        //  현재 화면의 클립 좌표
aaa["ball_"+counter]._x = 11;         //  aaa 심볼 화면의 클립 좌표
----------------------------------------------------------------------------
this.createEmptyMovieClip("aaa", 1);             //  무비클립 생성 (2 는 1를 screen over)
this.duplicateMovieClip (aaa, bbb, 1);           //  aaa 무비클립  bbb 로 복사
this.bbb.removeMovieClip();                      //  bbb 무비클립 삭제
myClip._visible = true;                          //  클립 보임
myClip._visible = false;                         //  클립 감춤
myClip.swapDepths(100);                          //  클립 깊이 100 으로 지정 (2 는 1를 screen over)
myClip.swapDepths(otherClip);                    //  클립 깊이 otherClip 과 바꿈
for (i=1; i<=360; i++)  {                        //  클립 복사
     duplicateMovieClip (ins1, "mc"+i, i);
     setProperty ("mc"+i, _x, random(300));
     setProperty ("mc"+i, _y, random(300));
     setProperty ("mc"+i, _alpha, random(300));
     setProperty ("mc"+i, _xscale, 150);
     setProperty ("mc"+i, _yscale, 150);
};  
for (i=1; i<=360; i++)  {                        //  클립 복사
     duplicateMovieClip (ins1, "mc"+i, i);
     this["mc" + i]._x = i;
     this["mc" + i]._y = i;
};  
for (i=1; i<=50; i++)  {                          // 클립 이동
      this["mc_"+i]._x += 10;
      this["mc_"+i]._y += 10;
}; 
for (i=1; i<=360; i++)  {                         // 클립 삭제
     this["mc" + i].removeMovieClip ();
}; 
----------------------------------------------------------------------------
setProperty ("mv", _x, 150);           // mv 무비클립 x좌표 속성 변경
myMovieX = getProperty( mv, _x);       // mv 무비클립 x좌표 속성 읽기
trace(myMovieX);
----------------------------------------------------------------------------
_alpha              알파값(%)
_currentframe       현재재생중인 프레임(#)
_droptarget         드래그 앤드드롭 할때 놓는 타깃위치(name)
_framesloaded       로드된 프레임수(#)
_height             높이(#)
_name               인스턴스(string)
_rotation           회전값(#)
_soundbuftime       사운드버퍼링 시간(기본값 5초:#)
_totalframes        총프레임수(#)
_url                다운로드한 URL(string)
_visible            보인다,안보인다 (true,false)
_width              가로길이(#)
_x                  x좌표(#)
_y                  y좌표(#)
_xmouse             마우스x좌표(#)
_ymouse             마우스y좌표(#)
_xscale             x배율(%)
_yscale             y배율(%)
----------------------------------------------------------------------------
_root.a.play;                    //  메인에 있는 a무비클립  프레임 재생
_root.a.stop;                    //  메인에 있는 a무비클립  프레임 중지
play();                          //  stop으로 정지된 현재타임라인의 프레임 재생
stop();                          //  현재타임라인의 프레임 중지
gotoAndPlay(1);                  //  현재 Scene의 1프레임 재생
gotoAndPlay("a");                //  현재 Scene의 Label명 a 재생
gotoAndPlay("Scene 2", "c");     //  Scene 2의 Label명 c 재생
a.gotoAndPlay(1);                //  a무비클립의 1프레임 재생
gotoAndStop(1);                  //  현재 Scene의 1프레임 중지
nextScene();                     //  다음 장면의 프레임 1로 보내고 중지
prevSecne();                     //  이전 장면의 프레임 1로 보내고 중지
nextFrame();                     //  다음 프레임으로 보내고 중지
prevFrame();                     //  이전 프레임으로 보내고 중지
toggleHighQuality ();            //  저해상도와 고해상도 간을  전환
updateAfterEvent();              //  화면을 갱신 (onClipEvent 핸들러 내에서만 사용)
                                  //  (onMouseDown,  onMouseUp,  onMouseMove)
----------------------------------------------------------------------------
tellTarget ("../a") { nextFrame(); } //  ../a 무비클립을 호출후 다음 프레임 재생
if (_framesloaded = 10) {  }         // 만약 무비의 10프레임이 로드되면
----------------------------------------------------------------------------
// with 문
for (i=0; i<1000; i++) {
    with (aaa[i]) {
       _x = Math.floor(Math.random() * 500);
       _y = random(500);
       _rotation = random(360);
   }
}
// tellTarget 문 (속도빠름)
for (i=0; i<1000; i++) {
    tellTarget (aaa[i]) {
       _x = Math.floor(Math.random() * 500);
       _y = random(500);
       _rotation = random(360);
    }
}
----------------------------------------------------------------------------
aaa = new Array();              // 배열 초기화   
aaa = new Array("1","2","3");   // 배열값 넣기
bbb = ["Sun","Mon","Tue"];      // 배열값 넣기
aaa[1] = "abc";                 // 배열값 변환  ( "2" 가 "abc" 로 변환)
aaa[0] = "Jan" ;  aaa[1] = "Feb" ;  aaa[2] = "Mar" ;         // 배열값 변환
aaa[3] = "Apr"                  // 배열 추가 (aaa 값은  "Jan,Feb,Mar,Apr" )
ccc = aaa.concat(bbb);          // 배열 합침 (ccc 값은  "Jan,Feb,Mar,Apr,Sun,Mon,Tue" )
ddd = ccc.join("/");            // ,를  /로 변환  (ddd 값은  "Jan/Feb/Mar/Apr/Sun/Mon/Tue" )
ddd = ccc.length;               // 배열값 갯수 (ddd 값은  7 )
ddd = ccc.slice(2,4);           // 배열값 읽기 (ddd 값은  "Mar,Apr" )
eee = ccc.push("z","zz");       // 배열추가후  배열값 갯수 (eee 값은  9 )
                                 //  (ccc 값은 "Jan,Feb,Mar,Apr,Sun,Mon,Tue,z,zz"   로 변함)
eee = ccc.pop();                // 마지막 배열 분리후 값  (eee 값은  "zz" )
                                 //  (ccc 값은  "Jan,Feb,Mar,Apr,Sun,Mon,Tue,z"   로 변함)
eee = ccc.shift();              // 첫번째 배열 분리후 값 (eee 값은  "Jan" )
                                 //  (ccc 값은  "Feb,Mar,Apr,Sun,Mon,Tue,z"   로 변함)
eee = ccc.reverse();            // 배열값 순서바꿈 (eee 값은  "z,Tue,Mon,Sun,Apr,Mar,Feb" )
                                 //  (ccc 값도  "z,Tue,Mon,Sun,Apr,Mar,Feb"   로 변함)
eee = ccc.splice(2,5,"x","xx","xxx");  // 배열값 읽기후  변환  (eee 값은  "Mon,Sun,Apr,Mar,Feb" )
                                        //  (ccc 값은  "z,Tue,x,xx,xxx"   로 변함)
eee = ccc.unshift("1","2");     // 첫번째 배열추가후  값  (eee 값은  "7" )
                                 //  (ccc 값은  "1,2,z,Tue,x,xx,xxx"   로 변함)
sss = new Array(1,2,3);         // 숫자 배열값 넣기
uuu = sss.toString();           // 문자로변환.  결과는 1,2,3
vvv = uuu.toLowerCase();        // 대문자를  소문자로 변환.  원래 값은 변경되지 않음     
vvv = uuu.toUpperCase();        // 소문자를  대문자로 변환.  원래 값은 변경되지 않음 
xxx = Number("111")             //  숫자로 변환.   결과는 111
xxx = Number("aaa")             //  숫자로 변환.   결과는 NaN
xxx = Number(true)              //  숫자로 변환.   결과는 1
xxx = Number(false)             //  숫자로 변환.   결과는 0
----------------------------------------------------------------------------
cliparray = new Array();                     // 무비클립을 배열로 저장하기
for (a=1; a<=3; a++)  {
     cliparray[a] =  _root["clip"+a];
     cliparray[a].x =  _root["clip"+a]._x;
     cliparray[a].y =  _root["clip"+a]._y;
     trace(cliparray[a].x);
     trace(cliparray[a].y);
}
----------------------------------------------------------------------------
myString = new String();                           // 문자 변수초기화   
myString = new String("가나다");                   // 문자 넣기
tet="가나다";   myString = new String(tet);        // tet  변수 넣기
text0=myString.charAt(0);                          // text0 값은 "가"  -  1개 읽기
text1=myString.charAt(1);                          // text1 값은 "나"  -  1개 읽기
text2=myString.charAt(2);                          // text2 값은 "다"  -  1개 읽기
text3=myString.concat("라마","바사","다");         // text3 값은 "가나다라마바사다"  -  추가
text4=text3.substr(2,4);                           // text4 값은 "다라마바"  -  여러개 읽기
text5=text3.substring(2,4);                        // text5 값은 "다라"  -  여러개 읽기
text6=text3.slice(2,4);                            // text6 값은 "다라"  -  여러개 읽기
text7=myString.charCodeAt(1);                      // text7 값은  45208  - 문자를 코드화
text8="a" + String.fromCharCode(64) + "m";         // text8 값은 "
a@m"  - 코드를 문자화
text9= text3.indexOf("다");                        // text9 값은 2  -  문자위치
text10= text3.lastIndexOf("다");                   // text10 값은 7  -  마지막 문자위치
text11= text3.length;                              // text11 값은 8  -  문자길이
text12= text3.split("나");                         // text12 값은 "가,다라마바사다"  -  문자분리
text13= text6.concat(text3);                       // text13 값은 "다라가나다라마바사다"  -  문자합침
text14= text13.substr((text13.length-1),1);        // text14 값은 "다"  -  마지막 문자 읽기
sss = myDate.toString();  day = sss.substring(0,3);     // 문자로변환        
----------------------------------------------------------------------------
// aaa 문장을 bbb 배열로 저장하기                  // 문장을 배열로 저장하기
// 결과는 bbb[0]="a" bbb[1]="b" bbb[2]="c" bbb[3]="d" bbb[4]="e"
aaa = "a b c d e";
aaalen = aaa.length;
bbb = new Array();
for (a=0; a<=aaalen; a++)  { bbb[a] = "";  };
bbbno = 0;   bbbchr = "";
for (a=0; a<=aaalen; a++)  {
if ( aaa.charAt(a) == " " ) {  bbb[bbbno] = bbbchr;   bbbno += 1;   bbbchr = "";  
} else { bbbchr += aaa.charAt(a);   };
};
for (a=0; a<=bbbno; a++)  {  trace( "*" + bbb[a] + "*" )   }; 
----------------------------------------------------------------------------
for (a=1; a<=22; a++) {                                       // 텍스트 필드 글자속성
        this["k"+(a)].textColor=0xff0000;
        this["k"+(a)].border=true;
        this["k"+(a)].borderColor=0xff0000;
        this["k"+(a)].background=true;
        this["k"+(a)].backgroundColor=0xffffff;
};
----------------------------------------------------------------------------
TextField.removeTextField();                                   // 텍스트 필드 삭제
----------------------------------------------------------------------------
createTextField ("instanceName", depth, x, y, width, height)   // 텍스트 필드 생성
      instanceName 새 텍스트 필드의 인스턴스 이름
      depth 새 텍스트 필드의 깊이를 지정하는 양의 정수 (2 는 1를  screen over)
      x 새 텍스트 필드의 x 좌표를 지정하는 정수
      y 새 텍스트 필드의 y 좌표를 지정하는 정수
      width 새 텍스트 필드의 넓이를 지정하는 양의 정수
      height 새 텍스트 필드의 높이를 지정하는 양의 정수
instanceName.type = "dynamic";               // 텍스트 필드의 기본 속성  (dynamic 또는 input)
instanceName.autoSize = "false";             // (글자수에 맞게 테두리 크기 자동 조절 true false center right)
instanceName.border = false;                 // (테두리)  
instanceName.borderColor = 0xff0000;         // (테두리 색상)  
instanceName.background = false;             // (배경)
instanceName.backgroundColor=0xffffff;       // (배경 색상)
instanceName.textColor = 0xff0000;           // (글자 색상)
instanceName.multiline = false;              // (한줄  또는  여러줄)
instanceName.selectable = true;              // (텍스트 필드를 선택할 수 있는지 여부)
instanceName.maxChars = null;                // (사용자가 입력할 수 있는 최대 문자 수) (null 이면 무한대)
instanceName.length = 0;                     // (글자 수)
instanceName._name = "";                     // (인스턴스 이름)
instanceName.variable = "";                  // (변수 이름)
instanceName.html = false;                   // (html 태그 사용 여부)
instanceName.htmlText = "";                  // (html 태그)
instanceName.wordWrap = true;                // (자동 줄바꿈 )
instanceName._x = 0;                         // (x 좌표)
instanceName._y = 0;                         // (y 좌표)
instanceName._width  = 0;                    // (넓이)
instanceName._height = 0;                    // (높이)
instanceName._xscale = 100;                  // (넓이 조절 %)
instanceName._yscale = 100;                  // (높이 조절 %)
instanceName.restrict = "";                  // (입력할 수 있는 문자 세트)
instanceName.embedFonts = false;             // (장치 글꼴 사용 여부)
instanceName.password = false;               // (****표시)
instanceName._visible =  true;               // (보임/안보임.  false로 설정된 텍스트 필드는 사용할 수 없음)
instanceName.scroll = 0;                     // (현재 스크롤 수직 위치)
instanceName.hscroll = 0;                    // (현재 스크롤 수평 위치)
instanceName.maxscroll = 0;                  // (TextField.scroll의 최대값)
instanceName.maxhscroll = 0;                 // (TextField.hscroll의 최대값)
instanceName.text = "";                      // (글자)

myformat = new TextFormat();                 // 텍스트 필드의 기본 TextFormat 속성
myformat.align = "left";                     // (단락의 정렬 )
myformat.blockIndent  = 0;                   // (왼쪽 여백에서 블록 들여쓰기. 포인트 단위)
myformat.indent  = 0;                        // (왼쪽 여백에서 단락 들여쓰기. 각 단락의 첫 줄에만 적용)
myformat.bold = false;                       // (텍스트가 굵은체로 표시되는지 여부)
myformat.bullet = false;                     // (텍스트가 불릿 목록에 있는지 여부 * 표시)
myformat.color  = 0x000000;                  // (텍스트의 색상)
myformat.font = "Times New Roman";           // (텍스트의 글꼴)
myformat.italic = false;                     // (텍스트가 기울임체로 표시되는지 여부)
myformat.leading  = 0;                       // (줄 사이의 행간 세로 간격)
myformat.leftMargin  = 0;                    // (단락의 왼쪽 여백 포인트 단위)
myformat.rightMargin  = 0;                   // (단락의 오른쪽 여백 포인트 단위)
myformat.tabStops = [];                      // (사용자 정의 탭 중지를 지정 // (empty array))
myformat.target = "";                        // (브라우저에서 하이퍼링크가 표시되는 창)
myformat.size = 12;                          // (텍스트의 크기)
myformat.underline = false;                  // (텍스트에 밑줄이 그어졌는지 여부)
myformat.url = "";                           // (텍스트가 링크되는 URL)

instanceName.text = "this is my test field \r aaa" + "bbb";    // 텍스트에 내용 넣기
instanceName.setTextFormat(myformat);        //  텍스트 필드의 TextFormat  변경
----------------------------------------------------------------------------
instanceName.restrict = "A-Z 0-9";           // 대문자, 공백, 숫자만 입력할 수 있음
instanceName.restrict = "^a-z";              // 소문자를 제외한 모든 문자를 입력
instanceName.restrict = "A-Z^Q";             // 대문자 Q를 제외한 대문자만 입력
instanceName.restrict = "\\-"                // 마이너스 부호 (-) 만 입력
----------------------------------------------------------------------------
aa.html = true;                              // html 태그 사용 (b)
aa.htmlText = " this is bold text ";
----------------------------------------------------------------------------
aa.html = true;                              // html 태그 사용 (table)
aa.htmlText = "";
aa.htmlText += "

";
aa.htmlText += "
테이블의 텍스트1 테이블의 텍스트2
";
aa.htmlText += "
이동 하기 ";
----------------------------------------------------------------------------
function Func(arg){  trace ("You clicked me!  Argument was "+arg);   }; 
aa.html = true;                              // html 태그 사용 (asfunction)
aa.htmlText = "
Click "; 
----------------------------------------------------------------------------
on (release) {TextField.hscroll += 1; }      // 텍스트를 수평으로 스크롤
on (release) {TextField.scroll += 1;  }      // 텍스트를 수직으로 스크롤
x = TextField.maxscroll;                     // 총 줄수를 표시
----------------------------------------------------------------------------
TextField.onSetFocus = function(){           // 텍스트 입력 (텍스트필드 속성이 입력일때)
    this.text=" input data ";                 // 마우스 클릭시 내용 자동 입력
};
----------------------------------------------------------------------------
// aaa 와 bbb 란 두개의 텍스트 필드를 만든후
aaa.text="1234567890"
Selection.setFocus("aaa");              // 텍스트 모든 문자 포커스. 문자 없으면 커서 깜박
Selection.setSelection(2,5);            // (시작점, 끝점).  결과는 "345" 포커스
bbb.text = Selection.getBeginInde

Posted by falldown
:

자바소스

2007. 7. 6. 18:31
 

HTML Tip& 자바 스크립트 훔치기

제가 홈페이지를 만들면서 보내온 많은 시간동안 알게 된 자료를 여기에 공개합니다.
모든작업은 나모에디터를 사용해서 했으며 스크립트 테스트는 익스플로러4.0에서 했습니다.
따라서 넷스케이프나 익스플로러 4.0이하에서는 작동 안할 수도 있음을 미리 말씀드립니다.
아무쪼록 이 페이지가 여러분 홈제작에 도움이 되길 진심으로 바랍니다.

Password
홈페이지에 password를 달자 - Java script 주민등록번호 입력받는 스크립트 - Java script파일명을 패스워드로 사용하는 스크립트 - Java script

공지시항 스크립트
공지사항 스크립트 (1) - Java script
공지사항 스크립트 (2) - Java script
공지사항 스크립트 (3) - Java script공지사항 스크립트 (4) - Java script
보이기/감추기 버튼 만들기 - Java script
화면이 내려가도 항상 제자리어 있는 메시지 - Java script정해진 시간을 카운트다운 해주는 스크립트 - Java script
풍선도움말 (도움말이 움직이네요) - Java script
풍선도움말2 (깔끔의 극치) - Java script
반짝이는 테이블 스크립트 - Java script
베너로 쓰면 좋을 스크립트 (짱입니다요) - Java script

Text효과

상하,좌우로 움직이는 글자(그림) - HTML Tip
껑충껑충 뛰는 글자(그림) - HTML Tip
회전하는 문자열 - Java script
자바 스트립트 문자표현의 모든 것 - Java script
문장이 차례로 FADE ON / FADE OFF - Java script
일정 시간 간격을 두고 변하는 문자열 - Java script
무지개색 글자를 만들기 Java script
Text box에 문자가 타이핑되듯 나타나는 스크립트 - Java script
Test box에 문자가 흘러가는 스크립트 - Java script
발광하는 글자 - HTML Tip
발광하는 글자(2) - Java script
소리없이 나타났다 홀연 사라지는 텍스트 - Java script
술에취한 글자 스크립트 - Java script
글자에 네온사인효과를 주는 스크립트
택스트애니메이션 - Java script줄다리기하는 텍스트 스크립트 - Java script
텍스트 만을 이용한 베너효과 - Java script
텍스트 만을 이용한 베너효과(2) - Java script

그림 & 사진효과 & 배경화면
화면에 폭탄이 돌아다닌다.(바운딩) - Java script
화면에 산타 얼굴이 돌아다닌다(폭탄버젼과 틀림) - Java script
하늘에서 폭탄이 떨어진다. - Java script
이미지가 아래에서 위로 올라오는 스크립트 - Java script
앨범관리 스크립트(1) - Java script
앨범관리 스크립트(2) - Java script
앨범관리 스크립트(3) - Java script
앨범관리 스크립트(4) - Java script
앨범관리 스크립트(5) - Java script
앨범관리 스크립트(6) 설명달림 - Java script
앨범관리 스크립트(7) 설명달림 - Java script
앨범관리 스크립트(8) - Java script
앨범관리 스크립트(9) - Java script
아주 좋은 이미지 관리 스크립트 - Java script
작은 이미지에 마우스를 올리면 큰이미지가 보인다. - Java script
사진을 화면출력시 커튼효과 연출-Java script
희미한 이미지에 마우스를 올리면 원래 이미지로 천천히 복귀 - Java script
단순한 이미지로 fade효과와 버튼효과를 동시에 (메뉴사용가능) - Java script
흑백의 이미지에 마우스를 올리면 칼라이미지로 변신 - Java script
유령이미지 스크립트 - Java script
슬라이드 쇼(1) (너무 좋다)-Java script
슬라이드 쇼(2)-Java script
슬라이드 쇼(3)-Java script
배경화면 고정 - HTML Tip
배경이미지의 제어(가로반복,세로반복,반복안함) - HTML Tip
접속시마다 변하는 배경 이미지-Java script
조각난 그림들이 날아와 그림을 완성하는 스크립트(한장) - Java script
조각난 그림들이 날아와 그림을 완성하는 스크립트(여러장) - Java script
애니매이션 효과 스크립트 - Java script
이미지 프로텍터 (이미지 못가져가게 하기) - Java script
덤블링하는 이미지 - Java script
이미지 펼침 스크립트 - Java script
우측하단에 이미지고정시키는 스크립트 - Java script
흘러가는 배경이미지 - Java script
버튼을 클릭하면 가변창에서 이미지가... - Java script
화면에 멋진 배경이미지가 떠다녀요 - Java script
회전하는 이미지 - Java script

음악/영상 관련
배경음악에 play,stop button을 달자 (1곡) - HTML Tip
배경음악에 play,stop button을 달자 (여러곡 random start) - Java script
홈페이지에서 뮤직비디오를 보자 - HTML Tip
배경음악 선택하여 듣기 - Javascript

Menu 관련
깔끔한 메뉴 표현
간단한 슬라이딩 메뉴 - Java script
마우스를 대면 색깔이 변하는 메뉴(가로정렬) - Java script
마우스를 대면 색깔이 변하는 메뉴(세로정렬) - Java script

팝업 메뉴 스크립트 - Java script
왼쪽에서 텍스트가 슬라이딩 되어 나타나는 메뉴 - Java script
스크롤메뉴(강추) - Java script
회전하는 메뉴 (TEXT,IMAGE) - Java script
설명달린 메뉴 - Java script
오르락 내리락 메뉴 스크립트 - Java script
왼쪽 마우스버튼을 누르면 메뉴가 나온다 - Java script
하부메뉴를 지원하는 깔끔한 메뉴 스크립트 - Java script
풀다운메뉴 만들기 - Java script
좌우로 움직이는 메뉴 스크립트 - Java script
프레임을 넘나드는 서브메뉴 지원 메뉴스크립트 - Java script
메뉴에 마우스를 올리면 공이 달려와요 - Java script
깔끔한 트리구조메뉴 만들기 - Java script
슬라이딩 메뉴 스크립트 - Java script

Message효과
마우스 오른쪽버튼을 누를 때 메시지 출력 - Java script
페이지 시작과 끝의 메세지 - Java script
풀다운 메뉴와 텍스트박스를 이용한 설명Box - Java script

상태바 효과
상태바의 메시지 흐름(1) - 한 글자씩 나타남 - Java script
상태바의 메시지 흐름(2) - 좌우로 왕복 - Java script
마우스가 오면 상태바에 설명표시 - HTML Tip
상태바에 홈페이지에 머문 시간이 표시된다 - Java script

Mouse 효과
마우스를 따라다니는 텍스트 - Java script
마우스를 따라다니는 그림 - Java script
마우스를 가져가면 바탕화면이 바뀌는 스크립트 - Java script 
마우스를 가져가면 text box에 설명이 나오는 스크립트- Java script
마우스를 가져가면 특정 레이어에 설명이 나옴 - Java script
링크된 문자의 밑줄 감추기 - HTML Tip
링크된 문자의 배경색 바꾸기 - HTML Tip
링크된 문자에 네온사인 효과 주기 - Java script
마우스를 따라다니는 별 - Java script마우스를 따라다니는 별(2) 원형 - Java script마우스 아래 당구공이 주렁주렁 - Java script마우스의 오른쪽 버튼을 누르면 즐겨찾기에 추가 - HTML Tip화살표대신 장미한송이를 마우스 포인터로 - Java script마우스를 클릭하면 과일이 우수수 - Java script마우스 커서를 바꾸자 - Java script테이블에 마우스를 올리면 셀의 색깔이변한다 - Java script마우스를 얹으면 링크문자열에서 글자가나와요..점점커져요 - Java script

Window효과
밝은 화면에서 어두운 화면으로의 이동과 그 활용 - Java script
페이지 오픈시,클로우즈시 커튼효과 연출 - HTML Tip
미니 창 열기(클릭시) - HTML Tip
마우스가 on되었을 때 미니 창이 열림 - HTML Tip
움직이는 미니창 만들기 - Java script
윈도우 닫기 버튼 만들기 - HTML Tip
버튼을 클릭하면 화면에서 지진이 발생 - Java script
스크롤 box를 위도우처럼 쓸 수 있다 - HTML Tip
윈도우에 팝업창을 달자 - Java script
페이지가 자동으로 아래로 스크롤됨 - Java script
일정한 시간이 지난후 다른 홈페이지로 자동이동 - Java script
Reguler full screen으로 홈페이지 열기 - Java script
Chennel screen으로 홈페이지 열기 - Java script
Full screen으로 홈페이지 열기 - Java script
버튼을 누르면 브라우저가 아래로 내려가면서 페이지 이동 - Java script

버튼스크립트
Book Mark 추가 버튼 만들기 - Java script
자바스크립트 버튼 (back/forward)
새로고침 버튼 만들기 - Java script
원격으로 소스를 보는 버튼 만들기 - Java script
경고버튼 만들기 - HTML Tip
소스보기 버튼 만들기 - Java script
URL이동버튼 만들기 - Java script
E-Mail 보내기 버튼 만들기 - Java script
시작페이지 버튼 만들기 - HTML Tip
프린트 버튼 만들기 - Java script
이미지버튼 만들기 - Java script
마우스를 얹으면 이미지가 변하는 버튼 스크립트
마우스를 얹으면 마구 흔들어대는 이미지버튼 - Java script
마우스를 얹으면 빤짝이는 이미지버튼 만들기 - Java script
일반 버튼에 배경이미지를 달자 - Java script
버튼에 엠보싱효과를 달자 - Java script
네비게이터 스크립트 - Java script
 

Form관련 스크립트
마우스한방으로 텍스트박스 영역 선택하기- Java script
Clear form script - Java script
  기타 Java script & Tip
자바 스크립트 계산기 - Java script페이지의 왼쪽,위쪽 여백 없애기 - HTML Tip세계시간표 - Java script
문장내의 특정 단어를 검색해주는 검색 스크립트 - Java script
특정 날짜의 요일을 알아내는 스크립트 - Java script
브라우저 상단의 상태바에 메시지 표시
태그연습장 - Java script
숫자를 영문으로 바꿔주는 스크립트 - Java script
페이지로딩 - Java script
2진수 변환기 - Java script
인터넷으로 TV를 본다. - Java script
띠를 알려주는 스크립트 - Java script
Posted by falldown
:

자바소스

2007. 7. 6. 18:30
[자바스크립트 예제] 낙서장

2007/02/23 16:49

http://blog.naver.com/ads1206/70014593914

(예제) (다운로드) 텍스트 위로 구름이
(예제) (다운로드) 희미하게 나타나는 이미지
(예제) (다운로드) 사진 자료 이용 때 좋음
(예제) (다운로드) 이미지가 아래서 위로
(예제) (다운로드) 사진을 이용할 때
(예제) (다운로드) 이미지 왼쪽에서 우로
(예제) (다운로드) 이미지 우에서 좌로
(예제) (다운로드) 마우스 가면 이미지 나타남
(예제) (다운로드) 클릭해야 이미지가
(예제) (다운로드) 가면 이미지가 위,아래로
(예제) (다운로드) 그림을 복제할 수 있다
(예제) (다운로드) 축구공이 위 아래로 마구
(예제) (다운로드) 축구공이 아리로 뚝..
(예제) (다운로드) 하트모양 나타났다 사라짐
(예제) (다운로드) 블라인드 효과.
(예제) (다운로드) 마우스 가면 이미지 테두리
(예제) (다운로드) 이미지창이 클릭시 위에서
(예제) (다운로드) 물방울 이미지가 위로
(예제) (다운로드) 방문시 다른 이미지가
(예제) (다운로드) 누르면 들어가는 느낌
(예제) (다운로드) 잔상을 보이며 이동
(예제) (다운로드) 자동 페이딩
(예제) (다운로드) 부드러운 이미지 전환
(예제) (다운로드) 버튼으로 이미지 전환
(예제) (다운로드) 이미지 슬라이드 보기
(예제) (다운로드) 이미지 마우스가면 설명
(예제) (다운로드) 클릭시 이미지 크기 변환
(예제) (다운로드) 선택시 이미지 체인지
(예제) (다운로드) 드래그 하면 이미지 커짐
(예제) (다운로드) 더블클릭시 이미지 커짐
(예제) (다운로드) 링크에가면레이어그림변환
(예제) (다운로드) 이미지가 조금씩 커짐
(예제) (다운로드) 텍스트와 이미지 흔들기



발췌: http://cbkim.wkhc.ac.kr/

(예제) (다운로드) 고소영과 김희선 초등때
(예제) (다운로드) 열두개의 그림이 빠르게
(예제) (다운로드) 꽃이 뿌려지는
(예제) (다운로드) 야한 사진
(예제) (다운로드) 하늘에서 꽃눈이
(예제) (다운로드) 사진이 부드럽게 전환
(예제) (다운로드) 사진밑에 비추는 그림자
(예제) (다운로드) 이미지 두개 스무스하게
(예제) (다운로드) 풍선이 날아 다녀요
(예제) (다운로드) 공지사항 모서리를 한바퀴
(예제) (다운로드) Corss Browser
(예제) (다운로드) 마우스 따라 다니는 이미지
(예제) (다운로드) 이미지가 날아다녀요.
(예제) (다운로드) 이미지 좌.우로 우.좌로
(예제) (다운로드) 이미지가 아래로 스크롤
(예제) (다운로드) 이미지 원하는 위치에 고정
(예제) (다운로드) 마우스 가면 다른 이미지로
(예제) (다운로드) 이미지 클릭시 큰 이미지로
(예제) (다운로드) 이미지 버튼 모음
(예제) (다운로드) 이미지가 없으면 경고 창
(예제) (다운로드) 더블클릭시 프린트 이미지
(예제) (다운로드) 이미지가 회전하는 효과
(예제) (다운로드) 지도 설명용 Map Zoomer
(예제) (다운로드) 이미지 필터를 이용한..
(예제) (다운로드) 이미지가 전체 모니터 여행
(예제) (다운로드) 이미지를 버튼으로 앞뒤로
(예제) (다운로드) 이미지보이기에러시다음그림
(예제) (다운로드) 여러개의 레이어 만드는
(예제) (다운로드) 레이어가 좌,우로 이동
(예제) (다운로드) Iframe를 사용 이동
(예제) (다운로드) 이미지 페이딩
(예제) (다운로드) 이미지슬라이딩스크롤
(예제) (다운로드) 이미지 바뀌면 음악도

Posted by falldown
:

CSS : float

2007. 6. 30. 11:17
CSS positioning: absolute, relative ,float [웹]디자인

2007/05/29 05:29

http://blog.naver.com/aidobb/50017959817

 

CSS positioning: absolute, relative ,float

 

CSS에서의 positioning 방식에는 크게 3가지가 있다.

absolute, relative, float가 그것이다.

absolute는 절대 좌표를 의미한다. 이것은 절대 좌표를 기준으로 위치를 정한다.

relative는 상대 좌표를 의미한다. 이것은 상대 좌표를 기준으로 위치를 정한다.

여기서 absolute와 relative의 차이가 상당히 헷갈리는 부분인데,

relative가 어떤 것에 상대적인지 이해하는 것이 중요하다.

 

relative는 태그 내에서 마지막 위치를 기준으로 상대값을 정한다.

예를 들어 A, B, C라는 객체가 있다고 가정해보자.

만약 A, B, C의 가로 길이가 10이라면, A, B, C를 나란히 있게 하기 위해서

absolute의 경우 A의 위치가 0이면 B는 10, C는 20을 left 위치값으로 주어야 한다.

relative의 경우 A의 위치가 0이면 B도 0, C도 0으로 해주면 A, B, C가 나란히 있게 된다.

 

중요한 사실은 absolute와 relative와의 공통점인데,

이부분때문에 많이 헷갈린다.

absolute와 relative의 최초 위치의 기준점은 부모 객체의 시작위치이다.

 

좀더 이해하기 쉽게 예를 들어본다.

다음과 같은 코드를 보면 알 수 있다. (R는 relative, A는 absolute)

<div class = X>

 <div class = R1></div>

 <div class = R2></div>

</div>

<div class = Y>

 <div class = A1></div>

 <div class = A2></div>

</div>

R1, R2, A1, A2은 각각 left:0px; top:0px;이라 하면,

이경우 class X에 나타나는 R1, R2는 좌우로 나란히 있게 되고,

class Y에 나타나는 A1, A2는 겹치게 된다.

 

float는 좌표값을 지정하지 않고, 특정한 방향으로 흐르도록 위치지정을 하는 방식이다.

굉장히 유연한 위치 지정 방식으로, 유동적인 크기를 가질 수 있다는 장점이 있다.

단, CSS에서 float를 사용할 때는 수많은 버그와 싸울 준비를 하고 사용해야 한다.

일단 브라우저마다 차이를 갖게 만드는 제1순위이기 때문이고,

각종 버그와 깨지는 레이아웃의 주범이기 때문이다.

float의 버그에 대해서는 후에 자세히 다루도록 한다.

Posted by falldown
:

BLOG main image
falldown
by falldown

공지사항

카테고리

Life stream (113)
Design Stream (10)
Personal Stream (31)
So fuck'in special (3)
My Favorites (10)
[ a -i'm ] (13)
From somewhere (15)
Web Study (20)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

«   2024/05   »
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
Total :
Today : Yesterday :