html 科赫雪花,CSS3 科赫雪花分形动画

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

window.onload = function() {

var level = 4,

duration = 1500,

sides,

newSides,

count,

interval;

init();

function init() {

if (interval) clearInterval(interval);

sides = document.querySelectorAll('[class^=firstSide]');

for (var i = 0, lgth = sides.length; i < lgth; i++) {

sides[i].innerHTML = '';

}

count = 0;

increase();

interval = setInterval(increase, duration);

}

function increase() {

if (count === level) {

init();

return;

}

newSides = [];

for (var i = 0, lgth = sides.length; i < lgth; i++) {

var side = sides[i];

var container = document.createElement('div');

container.setAttribute('class', 'container');

for (var j = 0; j < 4; j++) {

var newSide = document.createElement('div');

newSide.setAttribute('class', 'side' + (j + 1));

newSides.push(newSide);

container.appendChild(newSide);

}

side.appendChild(container);

}

sides = newSides;

count++;

}

};

html 科赫雪花,CSS3 科赫雪花分形动画相关推荐

【Python】递归绘制科赫曲线及科赫雪花及转换成可执行文件打包
科赫曲线 ----------- 绘制科赫曲线 import turtle def koch(size, n):if n == 0:turtle.fd(size)else:for angle in [ ...
[转载] Python-科赫雪花（科克曲线）
参考链接: 科赫曲线或科赫雪花 Python 翻译过来的名字,WHO CARE 定义设想一个边长为1的等边三角形,取每边中间的三分之一,接上去一个形状完全相似的但边长为其三分之一的三角形,结果是一个 ...
python学习笔记第五章（科赫雪花与科赫曲线）
科赫曲线,也叫做雪花曲线.是一种分形几何,分形几何是一种迭代的几何图形,广泛存在于自然界中. 科赫曲线是一种迭代的图形,所以我们是可以利用python中的迭代法来绘制. 我们先考虑如何实现迭代. 首先 ...
【C语言】——C语言实现科赫雪花及科赫曲线
1.题目描述: (1) 科赫雪花和科赫曲线科赫曲线(Koch curve)是一个简单的分形(fractal)图形给定一直线线段,把它等分三段,加入一个等边三角形,以三段的中间一段为底对齐,再去除该 ...
java画雪花_java分形绘制科赫雪花曲线(科赫曲线)代码分享
首先我们举个例子: 我们可以看到西兰花一小簇是整个花簇的一个分支,而在不同尺度下它们具有自相似的外形.换句话说,较小的分支通过放大适当的比例后可以得到一个与整体几乎完全一致的花簇.因此我们可以说西兰花 ...
虹科Automation softPLC | 虹科KPA MoDK运行环境与搭建步骤(2)——MoDK运行环境搭建
本系列文章旨在帮助读者对虹科KPA Automation体系进行一个简要的理解,并且能使用MoDK进行快速的上手操作,包括:虹科KPA Automation.虹科KPA MoDK简介,虹科KPA Mo ...
雪花css样式,css雪花动画
效果图: HTML的结构如下,创建10个雪花元素. 其实三四个元素也可以.元素越多雪花越多,雪花的速度不一样,会显得更有层次感. 一朵雪花首先,我们先写一朵雪花,并设为绝对定位..snow { po ...
通辽市科区人才，科区就业和人才公共服务中心
日常称呼:科区人才(科区人才交流培训中心) 地点:新世纪大酒店路南,华通市场二楼官方(我打电话问过的哦) 全名:通辽市科尔沁区就业和人才公共服务中心电话:(0475)8250817 地点:通辽市科 ...
html5+css3满天星星音乐背景动画特效(超炫酷)
css3满天星星音乐背景动画特效 css3属性绘制唯美的满天星星和audio MP3音乐结合背景动画特效. 作品介绍 1.网页作品简介方面 :css3属性绘制唯美的满天星星和audio MP3音乐结合 ...
html页面飘落花瓣不是全屏,jQuery css3全屏花瓣飘落动画特效
特效描述:jQuery css3 全屏花瓣飘落动画特效.jQuery css3从上往下飘落爱心花瓣动画特效.(不兼容IE6,7,8) 代码结构 1. 引入JS 2. HTML代码 $(functio ...

html 科赫雪花,CSS3 科赫雪花分形动画

html 科赫雪花,CSS3 科赫雪花分形动画相关推荐

最新文章

热门文章