中文(繁体)
<!-- website:http://www.downcodes.com --> <!-- bbs:http://bbs.downcodes.com --> <!-- 完整的 HTML 程式碼如下 --> <HTML > <HEAD> <title>建站學院一種特酷的圖片展示效果</title> <meta name="Author" content="from at http://www.downcodes.com"> <meta http-equiv= "imagetoolbar" content="no"> <STYLE> BODY { 遊標:url("../CRCROSS.cur"); } </STYLE> </HEAD> <BODY bgColor=#222222 onload=zyva()scroll=no> <DIV id=images style="display:none"> <IMG src=""> <IMG src="" > <IMG src=""> <IMG src=""> <IMG src=""> <IMG src=""> <IMG src=""> <IMG src=""> <IMG src=""> <IMG src=""> </DIV> <!-- 跨瀏覽器images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - 2005 年2 月--> <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:absolute;left:-50;top:-5;font-size:1px;width:100;height:10px;background:#333"><span id=LB1 style="position:絕對;左：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.顯示='無'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> <!-- images_loading_bar 程式碼結束 --> <!-- DA 控制佈局 --> <OBJECT id=DAC style= “ Z-INDEX：-1；背景：#000000；左：0px；寬度：表達式（document.body.clientWidth）；位置：絕對；上：表達式（document.body.clientHeight*.1）；高度：表達式式（ document.body.clientHeight-document.body.clientHeight*.2)" classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D> <PARAM NAME="OpaqueForHitDet <PARAM NAME ="UpdateInterval" VALUE="0.016"> </OBJECT> <BGSOUND src="romance.mid" Loop=infinite> <SCRIPT> // ================== ====== ================================ // http://www.downcodes.com / / ===== =============================================== ========= 螢幕.bufferDepth = 16 document.onselectstart = function (){ return false } xm = 0 ym = 0 cx = 0 cy = 10000 ////////////// zOOm = .05 spAce = 5 r = 1.33 / /////////// function programDA(){ m = DAC.MeterLibrary NI = images.children.length // 正方形幾何形狀（2個三角形） square = m.TriMesh (2, [r,0,- 1,-r,0,-1,-r,0,1,r,0,-1,-r,0,1,r,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(zOOm)).Transform(m.Rotate3(m.xVector3, Math.PI/2)) //光照地理= m.AmbientLight.LightColor(m.colorRgb255( 255,255,255)) // --- 新增所有DIV for(i=0;i<NI;i++){ // --- 紋理映射htmlTexture = m.ImportImage( images.children[i].src).MapToUnitSquare() img = square.TextureImage(htmlTexture) // --- 段落if(i<NI/2) geo = m.UnionGeometry(geo,img.Transform(m.Rotate3 (m.yVector3,-Math.PI/2)) .Transform(m.Translate3(.06,0,-i/spAce))) else geo = m.UnionGeometry(geo,img.Transform(m.Rotate3(m .yVector3,Math.PI/2)).Transform( m.Translate3(-.06,0,-(i-(NI/2))/spAce))) } // --- 透視相機（可修改行為) ROTCam = m.ModifyingBehavior(m.Rotate3(m.yVector3) ,0)) TRACam = m.ModifyingBehavior(m.Translate3(0,0,0)) // --- 最終渲染DAC.Image = geo.render (m.PerspectiveCamera(0.1,0.09).Transform(ROTCam). Transform(TRACam)) } function PilotDA(){ // --- 滑鼠阻尼cx+=Math.round((xm-cx)/10) cy+=Math .round((ym-cy)/10) // --- - JScript 的DA 行為設定ROTCam.SwitchTo(m.Rotate3(m.yVector3,cx / 100)) TRACam.SwitchTo(m.Translate3(0, 0 , cy / 500)) } function zyva(){ programDA() DAC .Start() document.onmousemove = function (){ xm = (-document.body.offsetWidth * .5) + window.event. document.body.offsetHeight * .1) - window.event.clientY * 500 / document.body.offsetHeight } setInterval("pilotDA()", 16) } </SCRIPT> </BODY></HTML>
