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

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

· 18년 전 · 2793 · 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

게시글 목록

번호 제목
10705
10698
10697
10693
10687
10683
10681
10680
10677
10671
10670
10666
10664
10658
10656
10653
10652
10651
10650
10649
10648
10646
10645
10642
28809
10641
10638
10637
10636
10635
28808
10634
10632
28807
28806
10631
10630
10629
28805
10627
10626
10625
28804
28803
10624
10623
28802
10622
10620
10619
10618
10616
10615
10613
10611
28799
10610
10608
28798
10604
28794
10602
10600
28793
10596
10595
10593
28792
28791
28790
10592
28789
28787
10591
10590
10589
28785
10588
10587
28783
10586
28782
10585
10574
10571
10570
28778
10568
10567
28777
10564
10562
10561
28776
10559
10558
28775
28774
10557
10556