先看看效果图


实例代码










{ #盒
保证金：100px汽车；
宽度：200px；
身高：150px；
行高：150px；
字母间距：10px；
文本对齐：中心；
字体大小：30px；
字体重量：加粗；
边境：2px固体淡绿色；
换行词；
边界半径：5px；；
职位：相对；
}
# BTN {
位置：绝对；
左：50%；
上图：280px；
}




一
二
三
四



提取/标签
VaR箱= document.getelementbyid（盒子）；
VaR跨度= document.getelementsbytagname（跨）；
VaR建立document.getelementbyid（-）；
var；
var str =0123456789abcdef ；
按钮。onclick =函数（）{
对于（var i = 0；i < span.length；i++）{ / /产生的四位数
对于（var j = 0；j < 6；j + +）；每个数字颜色的随机变化
颜色+ = str.substr（parseInt（数学。随机）（* str.length），1）； / /带颜色（循环，一个马赛克，提取时间由6色值）
}
跨{我} .innerHTML = parseInt（数学。随机）（×10）； / /随机数的生成
跨{我}。风格。颜色=（+颜色# / /）；在每个跨度颜色随机变化
颜色；
}
}





以上就是本文的全部内容。实现代码非常简单。希望能对你有所帮助。如果你有任何问题，你可以留言，编辑会尽快回复你。