js＋vml创建3D页面效果代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js＋vml创建3D页面效果代码

Javascript: javascript实例教程(19) 使用HoTMetal(5); javascript实例教程(19) 使用HoTMetal(6); javascript实例教程(19) 使用HoTMetal(7); javascript实例教程(20) OLE Automation(1); javascript实例教程(20) OLE Automation(2); javascript实例教程(20) OLE Automation(3); javascript实例教程(20) OLE Automation(4); javascript实例教程(20) OLE Automation(5); javascript实例教程(20) OLE Automation(6); javascript实例教程(20) OLE Automation(7); 用javascript实现利用FLASH嵌入声音; javascript版的日期输入控件(6); javascript设计网页中的下拉菜单; javascript设计漫天雪花; javascript制作浮动的工具条; javascript制作闪烁的边框; javascript模拟游戏中的弹出菜单效果; 在IE中使用javascript; 利用javascript制作简单动画; 首页地址添加到收藏夹(javascript)

No. « ‹ 234 235 236 237 › »

技术文章搜索

关键字

Javascript 中的 js＋vml创建3D页面效果代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 281 ::

收藏到网摘: n/a

js加解密脚本解密 javascript简写效果“神秘的眼睛”

js vml制作的3D效果

点击运行可以看到效果:

<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
v\:* { Behavior: url(#default#VML) }
body{margin:0px}
</STYLE>
<BODY>
<table width="100%" height=500 border="0" cellspacing="0" cellpadding="0"> <tr> <td style="border:1px solid #000" align=center> <v:group id=group style="WIDTH:700px;POSITION:relative;HEIGHT:500px" coordsize="600,400"> <span id=box></span><span id=ren></span> </v:group> </td> </tr>
</table>
<div align=center>
<button onclick="Run(+5);">向左旋转</button>
<button onclick="Stop();" style="margin:0px 20px;">暂停旋转</button>
<button onclick="Run(-5);">向右旋转</button>
</div>
</BODY>
</HTML>
<script>
var q=40;
var r=(q*3.1415926)/180
var v=new Array()
var l=new Array()
v[0]="0,400,0"
v[1]="100,350,15"
v[2]="200,400,0"
v[3]="0,400,300"
v[4]="100,350,285"
v[5]="200,400,300"
v[6]="30,400,30"
v[7]="30,450,30"
v[8]="170,450,30"
v[9]="170,400,30"
v[10]="30,400,270"
v[11]="30,450,270"
v[12]="170,450,270"
v[13]="170,400,270"
v[14]="170,410,210"
v[15]="170,450,210"
v[16]="170,410,230"
v[17]="170,450,230"
v[18]="170,400,100"
v[19]="170,430,100"
v[20]="170,400,130"
v[21]="170,430,130"
v[22]="170,415,100"
v[23]="170,415,130"
v[24]="170,400,115"
v[25]="170,430,115"
v[26]="400,410,0"
v[27]="400,415,0"
v[28]="400,430,0"
v[29]="390,420,5"
v[30]="410,420,0"
v[31]="390,450,5"
v[32]="410,450,0"
l[0]=Array(0,1)
l[1]=Array(1,2)
l[2]=Array(2,0)
l[3]=Array(3,4)
l[4]=Array(4,5)
l[5]=Array(5,3)
l[6]=Array(0,3)
l[7]=Array(1,4)
l[8]=Array(2,5)
l[9]=Array(6,7)
l[10]=Array(7,8)
l[11]=Array(8,9)
l[12]=Array(10,11)
l[13]=Array(11,12)
l[14]=Array(12,13)
l[15]=Array(7,11)
l[16]=Array(8,12)
l[17]=Array(14,15)
l[18]=Array(14,16)
l[19]=Array(16,17)
l[20]=Array(18,19)
l[21]=Array(18,20)
l[22]=Array(19,21)
l[23]=Array(20,21)
l[24]=Array(22,23)
l[25]=Array(24,25)
var lr=new Array()
lr[0]=Array(26,28)
lr[1]=Array(27,29)
lr[2]=Array(27,30)
lr[3]=Array(28,31)
lr[4]=Array(28,32)
function $(obj){return document.getElementById(obj)}
function getxy(s){ var t=s.split(",") var a=new Array() a[0]=t[0]-0+t[2]*Math.cos(r) a[1]=t[1]-t[2]*Math.sin(r) return a.join()
}
function setline(){ var str="" for(var i=0;i<l.length;i++){ str+="<v:line from =\""+getxy(v[l[i][0]])+"\" to = \""+getxy(v[l[i][1]])+"\" strokeColor=\"Gray\"/>" } $("box").innerHTML=str
}
function set_jd(s){ q=s r=(q*3.1415926)/180 setline() set_ren()
}
function set_ren(){ var str="" for(var i=0;i<lr.length;i++){ str+="<v:line from =\""+getxy(v[lr[i][0]])+"\" to = \""+getxy(v[lr[i][1]])+"\">" if(i==0) str+="<v:stroke StartArrow=\"Oval\"/>" str+="</v:line>" } $("ren").innerHTML=str
}
var timer;
function Run (n)
{ Stop(); timer = window.setInterval(function(){set_jd(q+n)},200);
}
function Stop ()
{ window.clearInterval(timer);
}
setline()
set_ren()
Run(+1)
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

js加解密脚本解密 javascript简写效果“神秘的眼睛”

Javascript 中的 js＋vml创建3D页面效果代码

评论 (0) All