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

更新时间：2008年02月26日 23:51:22 作者：

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的currying函数介绍
curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能泛化为偏函数应用（partial function application, PFA）,p 这种函数将任意数量（顺序）的参数的函数转化为另一个带剩余参数的函数对象
2012-02-02
非常不错的[JS]Cookie精通之路
Cookies，有些人喜欢它们，有些人憎恨它们。但是，很少有人真正知道如何使用它们。现在你可以成为少数人中的成员－可以自傲的 Cookie 大师。
2008-06-06
ListBox实现上移,下移,左移,右移的简单实例
这篇文章主要介绍了ListBox实现上移,下移,左移,右移的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
JavaScript获取短信验证码（周期性）
这篇文章主要为大家详细介绍了JavaScript周期性获取短信验证码的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
await Streaking解决原理示例详解
这篇文章主要为大家介绍了await Streaking解决原理示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
JavaScript中String对象的方法介绍
本文主要对JavaScript中String对象的方法进行介绍。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
JS计算斐波拉切代码实例
这篇文章主要介绍了js计算斐波拉切,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
JS实现关键词高亮显示正则匹配
这篇文章主要介绍了JS实现关键词高亮显示正则匹配功能，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-06-06
jQuery及JS实现循环中暂停的方法
这篇文章主要介绍了jQuery及JS实现循环中暂停的方法,以实例形式分析了循环中暂停的原理及实现技巧,非常具有实用价值,需要的朋友可以参考下
2015-02-02
JavaScript中的类与实例实现方法
这篇文章主要介绍了JavaScript中的类与实例实现方法,非常巧妙的模拟了类与实例的实现过程,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具