资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20q%3D40%3B%20%0D%0Avar%20r%3D(q*3.1415926)%2F180%20%0D%0Avar%20v%3Dnew%20Array()%20%0D%0Avar%20l%3Dnew%20Array()%20%0D%0Av%5B0%5D%3D%220%2C400%2C0%22%20%0D%0Av%5B1%5D%3D%22100%2C350%2C15%22%20%0D%0Av%5B2%5D%3D%22200%2C400%2C0%22%20%0D%0Av%5B3%5D%3D%220%2C400%2C300%22%20%0D%0Av%5B4%5D%3D%22100%2C350%2C285%22%20%0D%0Av%5B5%5D%3D%22200%2C400%2C300%22%20%0D%0Av%5B6%5D%3D%2230%2C400%2C30%22%20%0D%0Av%5B7%5D%3D%2230%2C450%2C30%22%20%0D%0Av%5B8%5D%3D%22170%2C450%2C30%22%20%0D%0Av%5B9%5D%3D%22170%2C400%2C30%22%20%0D%0Av%5B10%5D%3D%2230%2C400%2C270%22%20%0D%0Av%5B11%5D%3D%2230%2C450%2C270%22%20%0D%0Av%5B12%5D%3D%22170%2C450%2C270%22%20%0D%0Av%5B13%5D%3D%22170%2C400%2C270%22%20%0D%0Av%5B14%5D%3D%22170%2C410%2C210%22%20%0D%0Av%5B15%5D%3D%22170%2C450%2C210%22%20%0D%0Av%5B16%5D%3D%22170%2C410%2C230%22%20%0D%0Av%5B17%5D%3D%22170%2C450%2C230%22%20%0D%0Av%5B18%5D%3D%22170%2C400%2C100%22%20%0D%0Av%5B19%5D%3D%22170%2C430%2C100%22%20%0D%0Av%5B20%5D%3D%22170%2C400%2C130%22%20%0D%0Av%5B21%5D%3D%22170%2C430%2C130%22%20%0D%0Av%5B22%5D%3D%22170%2C415%2C100%22%20%0D%0Av%5B23%5D%3D%22170%2C415%2C130%22%20%0D%0Av%5B24%5D%3D%22170%2C400%2C115%22%20%0D%0Av%5B25%5D%3D%22170%2C430%2C115%22%20%0D%0Av%5B26%5D%3D%22400%2C410%2C0%22%20%0D%0Av%5B27%5D%3D%22400%2C415%2C0%22%20%0D%0Av%5B28%5D%3D%22400%2C430%2C0%22%20%0D%0Av%5B29%5D%3D%22390%2C420%2C5%22%20%0D%0Av%5B30%5D%3D%22410%2C420%2C0%22%20%0D%0Av%5B31%5D%3D%22390%2C450%2C5%22%20%0D%0Av%5B32%5D%3D%22410%2C450%2C0%22%20%0D%0Al%5B0%5D%3DArray(0%2C1)%20%0D%0Al%5B1%5D%3DArray(1%2C2)%20%0D%0Al%5B2%5D%3DArray(2%2C0)%20%0D%0Al%5B3%5D%3DArray(3%2C4)%20%0D%0Al%5B4%5D%3DArray(4%2C5)%20%0D%0Al%5B5%5D%3DArray(5%2C3)%20%0D%0Al%5B6%5D%3DArray(0%2C3)%20%0D%0Al%5B7%5D%3DArray(1%2C4)%20%0D%0Al%5B8%5D%3DArray(2%2C5)%20%0D%0Al%5B9%5D%3DArray(6%2C7)%20%0D%0Al%5B10%5D%3DArray(7%2C8)%20%0D%0Al%5B11%5D%3DArray(8%2C9)%20%0D%0Al%5B12%5D%3DArray(10%2C11)%20%0D%0Al%5B13%5D%3DArray(11%2C12)%20%0D%0Al%5B14%5D%3DArray(12%2C13)%20%0D%0Al%5B15%5D%3DArray(7%2C11)%20%0D%0Al%5B16%5D%3DArray(8%2C12)%20%0D%0Al%5B17%5D%3DArray(14%2C15)%20%0D%0Al%5B18%5D%3DArray(14%2C16)%20%0D%0Al%5B19%5D%3DArray(16%2C17)%20%0D%0Al%5B20%5D%3DArray(18%2C19)%20%0D%0Al%5B21%5D%3DArray(18%2C20)%20%0D%0Al%5B22%5D%3DArray(19%2C21)%20%0D%0Al%5B23%5D%3DArray(20%2C21)%20%0D%0Al%5B24%5D%3DArray(22%2C23)%20%0D%0Al%5B25%5D%3DArray(24%2C25)%20%0D%0Avar%20lr%3Dnew%20Array()%20%0D%0Alr%5B0%5D%3DArray(26%2C28)%20%0D%0Alr%5B1%5D%3DArray(27%2C29)%20%0D%0Alr%5B2%5D%3DArray(27%2C30)%20%0D%0Alr%5B3%5D%3DArray(28%2C31)%20%0D%0Alr%5B4%5D%3DArray(28%2C32)%20%0D%0Afunction%20%24(obj)%7Breturn%20document.getElementById(obj)%7D%20%0D%0Afunction%20getxy(s)%7B%20%0D%0A%20%20%20%20var%20t%3Ds.split(%22%2C%22)%20%0D%0A%20%20%20%20var%20a%3Dnew%20Array()%20%0D%0A%20%20%20%20a%5B0%5D%3Dt%5B0%5D-0%2Bt%5B2%5D*Math.cos(r)%20%0D%0A%20%20%20%20a%5B1%5D%3Dt%5B1%5D-t%5B2%5D*Math.sin(r)%20%0D%0A%20%20%20%20return%20a.join()%20%0D%0A%7D%20%0D%0Afunction%20setline()%7B%20%0D%0A%20%20%20%20var%20str%3D%22%22%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Cl.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20str%2B%3D%22%3Cv%3Aline%20from%20%3D%5C%22%22%2Bgetxy(v%5Bl%5Bi%5D%5B0%5D%5D)%2B%22%5C%22%20to%20%3D%20%5C%22%22%2Bgetxy(v%5Bl%5Bi%5D%5B1%5D%5D)%2B%22%5C%22%20strokeColor%3D%5C%22Gray%5C%22%2F%3E%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%24(%22box%22).innerHTML%3Dstr%20%0D%0A%7D%20%0D%0Afunction%20set_jd(s)%7B%20%0D%0A%20%20%20%20q%3Ds%20%0D%0A%20%20%20%20r%3D(q*3.1415926)%2F180%20%0D%0A%20%20%20%20setline()%20%0D%0A%20%20%20%20set_ren()%20%0D%0A%7D%20%0D%0Afunction%20set_ren()%7B%20%0D%0A%20%20%20%20var%20str%3D%22%22%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Clr.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20str%2B%3D%22%3Cv%3Aline%20from%20%3D%5C%22%22%2Bgetxy(v%5Blr%5Bi%5D%5B0%5D%5D)%2B%22%5C%22%20to%20%3D%20%5C%22%22%2Bgetxy(v%5Blr%5Bi%5D%5B1%5D%5D)%2B%22%5C%22%3E%22%20%0D%0A%20%20%20%20%20%20%20%20if(i%3D%3D0)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20str%2B%3D%22%3Cv%3Astroke%20StartArrow%3D%5C%22Oval%5C%22%2F%3E%22%20%0D%0A%20%20%20%20%20%20%20%20str%2B%3D%22%3C%2Fv%3Aline%3E%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%24(%22ren%22).innerHTML%3Dstr%20%0D%0A%7D%20%0D%0A%0D%0Avar%20timer%3B%20%0D%0Afunction%20Run%20(n)%20%0D%0A%7B%20%0D%0A%20%20%20%20Stop()%3B%20%0D%0A%20%20%20%20timer%20%3D%20window.setInterval(function()%7Bset_jd(q%2Bn)%7D%2C200)%3B%20%0D%0A%7D%20%0D%0Afunction%20Stop%20()%20%0D%0A%7B%20%0D%0A%20%20%20%20window.clearInterval(timer)%3B%20%0D%0A%7D%20%0D%0Asetline()%20%0D%0Aset_ren()%20%0D%0ARun(%2B1)%20%0D%0A%3C%2Fscript%3E">
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程