웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ActiveX control...
2002.05.11 11:55
ActiveX 로 사람을 그려서 회전시키고, 크기 조정하고 할 수 있는데,
응용하면 이미지 안쓰고도 멋진 홈피를 만들 수 있겠져^^;
<html>
<head>
<script type = "text/javascript">
<!--
var speedX = 0;
var speedY = 0;
var speedZ = 0;
var scale = 1;
function start()
{
window.setInterval( "run()", 100 );
}
function run()
{
drawing.Rotate( speedX, speedY, speedZ );
drawing.Scale( scale, scale, scale );
}
function rotate( axis )
{
axis = ( axis ? 0 : 5 );
}
// -->
</script>
</head>
<body onload = "start()">
<div style = "position: absolute; top: 25; left: 220">
<input type = "button" value = "Rotate-X"
onclick = "speedX = ( speedX ? 0 : 5 )" /><br />
<input type = "button" value = "Rotate-Y"
onclick = "speedY = ( speedY ? 0 : 5 )" /><br />
<input type = "button" value = "Rotate-Z"
onclick = "speedZ = ( speedZ ? 0 : 5 )" /><br />
<br />
<input type = "button" value = "Scale Up"
onclick = "scale = ( scale * 10 / 9 )" /><br />
<input type = "button" value = "Scale Down"
onclick = "scale = ( scale * 9 / 10 )" />
</div>
<object id = "drawing" style = " position: absolute;
z-index: 2; width: 200; height: 300;"
classid = "CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
<param name = "Line0001" value = "SetFillColor( 0,0,0 )" />
<param name = "Line0002" value = "SetFillStyle( 0 )" />
<param name = "Line0003" value = "SetLineStyle( 1, 3 )" />
<param name = "Line0004"
value = "Oval( -25, -100, 50, 50, 0 )" />
<param name = "Line0005"
value = "PolyLine(2, 0, -50, 0, 50 )" />
<param name = "Line0006"
value = "PolyLine( 3, -30, -25, 0, -15, 30, -25 )" />
<param name = "Line0007"
value = "PolyLine( 3, -15, 90, 0, 50, 15, 90 )" />
<param name = "Line0008"
value = "SetFillColor ( 255, 0, 0 )" />
<param name = "Line0009"
value = "Oval( -15, -85, 7, 7, 0 )" />
<param name = "Line0010"
value = "Oval( 5, -85, 7, 7, 0 )" />
<param name = "Line0011"
value = "SetLineStyle( 1, 2 )" />
<param name = "Line0012"
value = "SetLineColor( 255, 0, 0 )" />
<param name = "Line0013"
value = "SetFont( 'Courier', 25, 200, 0, 0, 0 )" />
<param name = "Line0014"
value = "Text( 'Hello', -35, -115 , 0 )" />
</object>
<object id = "background" style = " position:absolute;
z-index: 1; width: 200; height: 300;
background-color: none" classid =
"CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
<param name = "Line0001"
value = "SetFillColor( 38, 250, 38 )" />
<param name = "Line0002"
value = "Oval( -75, -125, 150, 250, 0 )" />
</object>
</body>
</html>
응용하면 이미지 안쓰고도 멋진 홈피를 만들 수 있겠져^^;
<html>
<head>
<script type = "text/javascript">
<!--
var speedX = 0;
var speedY = 0;
var speedZ = 0;
var scale = 1;
function start()
{
window.setInterval( "run()", 100 );
}
function run()
{
drawing.Rotate( speedX, speedY, speedZ );
drawing.Scale( scale, scale, scale );
}
function rotate( axis )
{
axis = ( axis ? 0 : 5 );
}
// -->
</script>
</head>
<body onload = "start()">
<div style = "position: absolute; top: 25; left: 220">
<input type = "button" value = "Rotate-X"
onclick = "speedX = ( speedX ? 0 : 5 )" /><br />
<input type = "button" value = "Rotate-Y"
onclick = "speedY = ( speedY ? 0 : 5 )" /><br />
<input type = "button" value = "Rotate-Z"
onclick = "speedZ = ( speedZ ? 0 : 5 )" /><br />
<br />
<input type = "button" value = "Scale Up"
onclick = "scale = ( scale * 10 / 9 )" /><br />
<input type = "button" value = "Scale Down"
onclick = "scale = ( scale * 9 / 10 )" />
</div>
<object id = "drawing" style = " position: absolute;
z-index: 2; width: 200; height: 300;"
classid = "CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
<param name = "Line0001" value = "SetFillColor( 0,0,0 )" />
<param name = "Line0002" value = "SetFillStyle( 0 )" />
<param name = "Line0003" value = "SetLineStyle( 1, 3 )" />
<param name = "Line0004"
value = "Oval( -25, -100, 50, 50, 0 )" />
<param name = "Line0005"
value = "PolyLine(2, 0, -50, 0, 50 )" />
<param name = "Line0006"
value = "PolyLine( 3, -30, -25, 0, -15, 30, -25 )" />
<param name = "Line0007"
value = "PolyLine( 3, -15, 90, 0, 50, 15, 90 )" />
<param name = "Line0008"
value = "SetFillColor ( 255, 0, 0 )" />
<param name = "Line0009"
value = "Oval( -15, -85, 7, 7, 0 )" />
<param name = "Line0010"
value = "Oval( 5, -85, 7, 7, 0 )" />
<param name = "Line0011"
value = "SetLineStyle( 1, 2 )" />
<param name = "Line0012"
value = "SetLineColor( 255, 0, 0 )" />
<param name = "Line0013"
value = "SetFont( 'Courier', 25, 200, 0, 0, 0 )" />
<param name = "Line0014"
value = "Text( 'Hello', -35, -115 , 0 )" />
</object>
<object id = "background" style = " position:absolute;
z-index: 1; width: 200; height: 300;
background-color: none" classid =
"CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
<param name = "Line0001"
value = "SetFillColor( 38, 250, 38 )" />
<param name = "Line0002"
value = "Oval( -75, -125, 150, 250, 0 )" />
</object>
</body>
</html>
댓글 4
-
▩윤미
2002.05.15 10:47
-
▩윤미
2002.05.15 10:51
-
심심한넘
2002.08.30 17:56
와 멋지다
신기하네요... 그림은 어케 그리죠 -_-;; -
정은애
2002.10.06 22:43
이건 Dhtml이랑은 관련이 별로 없는데요... -_-;;
여기 쓰인 자바스크립트는 단순히 액티브-x 컨트롤을 제어 하기 위한 것이구요...
액티브-X 컨트롤은 비주얼 베이직이나 비주얼 씨뿔뿔 같은 것으로 작성해야 합니다.
물론 이미 누군가 만들어 놓은 것을 활용할 수도 있지만요...
제목 | 글쓴이 | 날짜 |
---|---|---|
오늘 시험문제인 카드맞추기 게임..^^ [12] | {동준짱} | 2002.05.18 |
테이블 정렬. 상하로 딱 가운데에 맞춰지지 않을때... [2] | :: N.styLE :: | 2002.05.18 |
DHTML의 시작 - Form에 대해 (3) - Button, Select 엘리먼트 [1] | Legend | 2002.05.16 |
ActiveX control... [4] | ☆봄비ㆀ | 2002.05.11 |
iframe태그.. HTML문서안에 또하나의 HTML문서.. [9] | 신종은 | 2002.05.09 |
DHTML의 시작 - Form 예제 (폼처리 HTML) | Legend | 2002.05.09 |
하이텔에서 가져오는 서울특별시와 광역시 날씨 [3] | 김희섭 | 2002.04.30 |
배경음악과 동영상 삽입 <embed> [7] | 제이지라 | 2002.04.26 |
DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
DHTML의 시작 - Form에 대해 (2) - input 엘리먼트 [5] | Legend | 2002.04.18 |
DHTML의 시작 - Form에 대해 (1) [2] | Legend | 2002.04.14 |
DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
이미지에 DHTML로 테두리를 만들어보자..포토샵 저리가라~~ [4] | ZipShin | 2002.04.11 |
DHTML의 시작 - HTML 구조 및 자바스크립트 객체지정법 [4] | Legend | 2002.04.11 |
투명한 아이프레임 [15] | 파야 | 2002.04.04 |
점선테이블..만들기 [6] | 각설탕 | 2002.03.31 |
엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
유군 스타일 웹사이트 제작법 [15] | 유군-_-)/ | 2002.03.20 |
스크롤바 색상을 이쁜것만 모와요 [6] | ZipShin | 2002.03.16 |
인코딩 정보 일본어, 중국어, 스페인어 [3] | 탐그루 | 2002.03.16 |
역시 dhtml 은.. 가능성을 보여주는거 같은..