码迷,mamicode.com
首页 > Web开发 > 详细

d3.js学习11

时间:2015-01-20 10:26:15      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:

单元素动画transition().duration(duration)

 


var body = d3.select("body"),
	duration = 5000;

	body.append("div")
		.classed("box",true)
		.style("background-color","#e9967a")
	.transition()
	.duration(duration)
		.style("background-color","#add8e6")
		.style("margin-left","600px")
		.style("width","100px")
		.style("height","100px");

css

.box {
    width: 200px;
    height: 200px;
    margin: 40px;
    float: left;
    text-align: center;
    border: #969696 solid thin;
    padding: 5px;
}

宽度高度降低,水平平移,颜色变化。

多元素动画


 

d3.js学习11

标签:

原文地址:http://www.cnblogs.com/valentineisme/p/4235286.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!