테스트 사이트 - 개발 중인 베타 버전입니다

3D 회전식 메뉴입니다. 드레그해서 붙혀서 사용해보세요

· 18년 전 · 2792 · 1
<html>
<head>
<title>http://www.blueb.co.kr</title>
</head>
<body>

<script language="JavaScript" src="http://www.blueb.co.kr/SRC/javascript/js/LyrObj.js"></script>
<script language="JavaScript" src="http://www.blueb.co.kr/SRC/javascript/js/3dhtml.js"></script>
<script language="JavaScript" src="http://www.blueb.co.kr/SRC/javascript/js/MouseModulator.js"></script>
<script language="javascript">
<!--
var cubeModel;
//메뉴구성
cubeModel = new Model("cube", new Material('<a href="http://www.blueb.co.kr" target="_blank" onfocus="blur()" style=color:red><B>BLUEB</B></a>') );
cubeModel.materials[1] = new Material('<a href="http://www.empas.com" target="_blank" onfocus="blur()" style=color:red><B>EMPAS</B></a>');
cubeModel.materials[2] = new Material('<a href="http://www.yahoo.co.kr" target="_blank" onfocus="blur()" style=color:red><B>Yahoo</B></a>');
cubeModel.materials[3] = new Material('<a href="http://www.chol.com" target="_blank" onfocus="blur()" style=color:red><B>CHOL</B></a>');
cubeModel.materials[4] = new Material('<span style="font-size:20px;"><a href="http://www.google.co.kr" target="_blank" onfocus="blur()" style=color:red><B>Google</B></a></span>');
cubeModel.materials[5] = new Material('<a href="http://www.altavista.co.kr" target="_blank" onfocus="blur()" style=color:red><B>Altavista</B></a>');
cubeModel.materials[6] = new Material('<a href="http://www.naver.com" target="_blank" onfocus="blur()" style=color:red><B>Naver</B></a>');
cubeModel.materials[7] = new Material('<a href="http://www.Jungle.com" target="_blank" onfocus="blur()" style=color:red><B>Jungle</B></a>');

cubeModel.setPoints(createCubeModelPoints());


var myMouseModulator = new MouseModulator("myMouseModulator", 0);


function initOnLoad() {
fixNetscape();

cubeModel.assignLayers();

// creates and inits matrix to initialize the model
var initMatrix = new Matrix();
initMatrix.scale(50, 50, 50);

// >> begin to work with the model etc.

// initializes model
cubeModel.transform(initMatrix);

// >> first draw of the model (recommended)
cubeModel.draw();

// starts animation
animate();
}

/*
* The main animate method. Calls itself repeatedly.
*/
function animate() {
var delay = 10;

// animates cube model ----------------------------------------

// animates the modulator to spin the cube
myMouseModulator.animate();
// transforms the cube depending on mouse movements.
cubeModel.transform(myMouseModulator.getMatrix());

// updates display
cubeModel.draw();

// calls itself with an delay to decouple client computer speed from the animation speed.
// result: the animation is as fast as possible.
setTimeout("animate()", delay);
}


// event handling
document.onmousemove = mouseMoveHandler;
document.onmousedown = mouseDownHandler;
document.onmouseup = mouseUpHandler;
if (ns || ns6) document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP);

/*
* The mouse handlers in this document must call the modulator's handlers.
* To be able to use a mouse modulator and to do your own stuff.
*/
function mouseMoveHandler(e) {
// calls move handler of the mouse modulator
myMouseModulator.move(e);
return !ie;
}

function mouseDownHandler(e) {
// calls down handler of the mouse modulator
myMouseModulator.down(e);
}

function mouseUpHandler(e) {
// calls up handler of the mouse modulator
myMouseModulator.up(e);
}



// ---------------------------------------------------------------------------

function createCubeModelPoints() {
// the cube model
return new Array(
new Point3D( 0, 5, 0, 0),
new Point3D( 3.5, 3.5, 0, 1),
new Point3D( 5, 0, 0, 2),
new Point3D( 3.5, -3.5, 0, 3),
new Point3D( 0, -5, 0, 4),
new Point3D(-3.5, -3.5, 0, 5),
new Point3D( -5, 0, 0, 6),
new Point3D(-3.5, 3.5, 0, 7)
);
}



// -->
</script>
</head>

<body onload="initOnLoad()">
배경 아무곳이나 드래그 해보세요..
<div id="fixnetscape" style="position:absolute;visibility:hidden;z-index:1000"></div>

<script language="JavaScript" type="text/javascript">
<!--
cubeModel.createPointCode();
// -->
</script>

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

-. 미리보기

http://www.blueb.co.kr/bbs.php?table=JS_03&where=ALL&keyword=3D%20회전&search_step=1&search_sql=(BB_NAME%20LIKE%20'%3D%'%20OR%20BB_SUBJECT%20LIKE%20'%3D%'%20OR%20BB_CONTENT%20LIKE%20'%3D%')%20OR%20(BB_NAME%20LIKE%20'%회전%'%20OR%20BB_SUBJECT%20LIKE%20'%회전%'%20OR%20BB_CONTENT%20LIKE%20'%회전%')&search_sql=(BB_NAME%20LIKE%20'=%'%20OR%20BB_SUBJECT%20LIKE%20'=%'%20OR%20BB_CONTENT%20LIKE%20'=%')%20OR%20(BB_NAME%20LIKE%20'%회전%'%20OR%20BB_SUBJECT%20LIKE%20'%회전%'%20OR%20BB_CONTENT%20LIKE%20'%회전%')&query=view&uid=132&p=1

게시글 목록

번호 제목
11111
11108
11107
11105
11101
11099
11095
11093
24843
11065
11063
11059
29001
11054
28999
11050
28998
28956
11044
11023
11004
28946
10993
10990
28903
10984
24842
28900
10982
10978
28899
10974
10970
24831
24830
10967
10965
10963
10956
10954
10950
10946
24818
10943
28885
24813
10940
10927
10925
10920
10916
10914
10913
10908
10905
10904
10899
24803
28882
10898
28878
28877
24802
24801
24800
24799
10893
10892
24797
24794
10891
28871
28870
10881
10872
10870
28868
10868
10866
28862
10864
28861
10863
28860
10862
28859
28858
10861
10859
28856
10857
28854
10856
28853
28852
28851
10855
28850
10854
28849