動態提示的下拉框網頁特效程式碼

作者：Eve Cole 更新時間：2009-06-20 15:34:06

<HTML > <HEAD> <title>建站學院圖片動態立體展示</title> <meta name="Author" content="from at http://www.downcodes.com"> <meta http-equiv="imagetoolbar" content ="否"> <STYLE> BODY { 遊標:url("../CRCROSS.cur"); } </STYLE> </HEAD> <BODY bgColor=#000000scroll=no onload="zyva()"> <DIV id=images style="visibility:hidden"> <IMG src=""> <IMG src= " "> <IMG src=""> <IMG src=""> <IMG src=""> <IMG src=""> </DIV>  <SPAN style="position :絕對;左:50%;頂部:50%"> <OBJECT id=DAControl style="可見性:隱藏;邊框:#111111 實心20px;位置:絕對;寬度:320;高度:240;左:-200;上圖：-140" classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D> <PARAM NAME="OpaqueForHitDetect" VALUE="0"> <PARAM NAME="UpdateInterval" VALUE< /SPAN>  <span id=LB0 style="position:absolute;left:50%;top:50%; "><span style="position:absolute;font-family:arial;font-size:10px;color:#FFFFFF;left:-50;top:-18">正在載入...</span> <span style="position:絕對;左:-50;頂部:-5;字體大小:1px;寬度:100;高度:10px;背景:#333"><span id=LB1 style="位置:絕對;左: 0;頂部: 0;字體大小:1px;寬度:0;高度:10px;背景:#FFFFFF"></span></span></span> <script>m00=document.getElementById("images") .getElementsByTagName( "img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0; document.getElementById ("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none' ",128 ）； else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>   <BGSOUND Balance=0 src="odins . mid" 音量=0 循環=無限> <腳本> // ==================================== = =================== // http://www.downcodes.com // =================== = ====================================== screen.bufferDepth = 16 document.onselectstart = function ( ){ return false } xm = 0 ym = 0 cx = 0 cy = 0 Z = .02 var m, PerCam function programDA(){ m = DAControl.MeterLibrary // 方形幾何體（2 個三角形） square=m.TriMesh ( 2, [1 ,0,-1,-1,0,-1,-1,0,1,1,0,-1,-1,0,1,1,0,1],[0,1 ,0,0 ,1,0,0,1,0,0,1,0,0,1,0,0,1,0],[1,1,0,1,0,0,1,1 ,0,0 ,1,0], null) square = square.Transform(m.Scale3Uniform(Z)) // 燈光Lig = m.ModifyingBehavior(m.colorRgb255(255,255,255)) geo = m.AmbientLight ) // 位置面addFace(0, m.xVector3,Math.PI/2, m.zVector3,Math.PI/2, Z,0,0) addFace(1, m.zVector3,0, m.zVector3,0 , 0,- Z,0) addFace(2, m.yVector3,-Math.PI, m.xVector3,-Math.PI, 0,Z,0) addFace(3, m.xVector3,Math.PI/2, m.zVector3, -Math.PI/2, -Z,0,0) addFace(4, m.zVector3,0, m.xVector3,Math.PI/2, 0,0,-Z) addFace(5, m .zVector3,Math .PI, m.xVector3,-Math.PI/2, 0,0,Z) // 旋轉geo = geo.Transform(m.Rotate3Rate(m.xVector3, 0)).Transform(m.Rotate3Rate (m.yVector3) , 0)).Transform(m.Rotate3Rate(m.zVector3, 0)) // 相機PerCam = m.ModabilBehavior(m.PerspectiveCamera(Z,Z-.1)) // 渲染DAControl.Image = geo.render( PerCam) } function addFace(i, v1,r1, v2,r2, tx,ty,tz){ // 導入映像htmlTexture = m.ImportImage(images.children[i].src).MapToUnitSquare( ) img = square. TextureImage(htmlTexture) // 方向面geo = m.UnionGeometry(geo,img.Transform(m.Rotate3(v2,r2)).Transform(m.Translate3(tx,ty,tz)).Transform (m.Rotate3( v1,r1))) } document.onmousemove = function(){ xm = window.event.x ym = document.body.offsetHeight * .5 - window.event.y } function Om(){ cx+ =Math.round( (xm-cx)/20) cy+=Math.round((ym-cy)/20) PerCam.SwitchTo(m.PerspectiveCamera(.05,.04).Transform(m.Translate3(0, 0,-Z* 2)).Transform(m.Rotate3(m.yVector3,cx/100)).Transform(m.Rotate3(m.zVector3,cy/100))) Lig.SwitchTo(m.colorRgb255(255,128 +Math.sin() cy/100)*128,0)) } 函數zyva(){ programDA() DAControl.style.visibility="visible" DAControl.Start() setInterval("Om()",16) } </SCRIPT> </正文></HTML>