javascript 闪烁的圣诞树实现代码
1星 81 浏览量
2020-10-29
11:36:48
上传
评论
收藏 28KB PDF 举报 
javascript 闪烁的圣诞树实现代码闪烁的圣诞树实现代码
用js实现非常漂亮的带闪烁效果的圣诞树代码。很佩服作者的想法。效果如下图。
<title>christree</title>
<script
type="text/javascript">
var $ = function(){
var dom = {};
return {
get : function($){
if(!dom[$]) dom[$] =
document.getElementByI
d($);
return dom[$];
}
,apply : function(s,t,d){
if(t && typeof t ==
'object') $.apply(s,d)
if(s && t && typeof s ==
'object' && typeof t ==
'object'){
for(var i in t){s[i] = t[i]}
}
return s;
}
,createEl :
function(attribute,tag){
if(!tag) tag = "DIV";
var el =
document.createElement
(tag);
$.apply(el,attribute);
return el;
}
}
}()
var chrisTree =
function(params){
$.apply(this.param,param
s || {})
this.__construct();
}
chrisTree.prototype = {
param : {}
,__construct : function(){
var x = this.param.x,y =
this.param.y,xy=[];
for(var i=0;i<7;i++){
xy =
this.createTree(x,y,i/4)
x = xy[0];
y = xy[1];
}
this.createRoot(x,y,xy[2]);
}
,createTree :
function(x,y,level){
var lel = level || 0.1
for(i=0;i<110*lel;i+=10){
for(j=i-10;j<2*i;j+=10){
var el = $.createEl({
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
资源评论
有点糕冷2021-12-21假的，什么都没有
