웹마스터 팁
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 컨트롤은 비주얼 베이직이나 비주얼 씨뿔뿔 같은 것으로 작성해야 합니다.
물론 이미 누군가 만들어 놓은 것을 활용할 수도 있지만요...
제목 | 글쓴이 | 날짜 |
---|---|---|
DigiBBS 서버 이야기 2 - 서버 선택과 구매 | 박용구 | 2004.08.22 |
DigiBBS 서버 이야기 - IDC 방문 이야기 [2] | 박용구 | 2004.08.22 |
sh명령어를 이용한 웹사이트 관리 | 김동욱 | 2004.08.09 |
명령수행 결과를 파일로 저장(초간단) [5] | u2em | 2004.08.02 |
윈도우즈용 메일서버 추천- NMail [3] | u2em | 2004.07.19 |
MySQL 백업과 복구 [11] | u2em | 2004.07.11 |
Windows 2003에서 유저.내아이디.dnip.net 셋팅 [3] | u2em | 2004.07.08 |
IIS 6.0과 PHP 4.3.7 연동 [8] | u2em | 2004.07.06 |
IIS에서 아웃로그인,최근게시물이 htm,html 에선 안돼고 php에서만 될때 해결방법 [4] | kyjzz | 2004.07.01 |
왕초보를 위한 APM설치기...^^; [2] | 웰치스 | 2004.06.29 |
Red Hat Linux 의 복구 모드 간단한 사용법 [2] | u2em | 2004.06.28 |
웹호스팅 사용자를 위한 계정관리 스크립트 [5] | 알지로넷 | 2004.06.25 |
[펌]유동아이피->고정아이피(포워딩 아님!!) [12] | Plus가좋다 | 2004.06.08 |
IIS6.0+PHP4.3.3+MySql4.0.18+제로보드4.1 pl4 [10] | 류진곤 | 2004.06.08 |
Apache 서비스를 위한 NT 보안 설정 [2] | 토토루 | 2004.05.24 |
Apache 서버운영에 쓸모있는 팁 몇가지 [2] | PCLab | 2004.05.21 |
FTP서버설치 (filezilla server) [6] | 이주성 | 2004.05.20 |
[경보]Serv-U 4.0 이전 버전 크래킹 툴 발견 [4] | u2em | 2004.04.26 |
개인서버로 메일 서버 및 기타 서버를 운영할 때 메일 및 서비스 절대 못 하게 하기...(xp이상) [3] | 그냥이렇게。 | 2004.04.20 |
Apache 보안 [4] | u2em | 2004.04.05 |
역시 dhtml 은.. 가능성을 보여주는거 같은..