首页 > Web开发 > 详细

d3.js学习11

时间:2015-01-20 10:23:26      阅读:315      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!