运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<html>
2
<head>
3
<title>HTML5实现3D球效果</title>
4
<style type="text/css">  
5
#box{   
6
border:2px solid #f60; margin:0 auto;  
7
}  
8
</style>  
9
<script>
10
            var spaceX = 30; //X方向的密度
11
            var spaceY = 30; //Y方向的密度
12
            var PI = Math.PI; //数学角度π
13
            var radius = 200; //球的半径
14
            var radian = PI / 180; //弧度
15
            var speedX = 0; //X方向的速度
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
xxxxxxxxxx
1
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
HTML5实现3D球视觉特效
分类
HTML5代码
描述
再回首,那只小球已停止转动&mdash;&mdash;HTML53D球效果,炫丽的3D球视觉效果,测试前请先激活,小球大小可随时设定,可控制小球向上、向下、向左、向右转动,代码里的自定义参数也比较多,比如X/Y方向上的密度和速度、数学角度、各方向...
收藏