java font类随机字体_随机生成字体大小

刚接触前端时，看着w3cplus这个部分时，觉得每个a标签的字体大小都应用是写死了的(哎，新人，不会，没办法)，今天看见一篇文章介绍随机生成颜色的方法，特引用来随机生成字体大小，核心思想如下：

一个待选字体大小的数组，然后从这个数组中随机选出一个，给这些a标签设置font-size，就大功告成，

[1,1.2,1.4,1.6,1.8,2,2.4][a] //这里的a就是随机生成的数字，当然只能是0--6之间，因此

var a =Math.floor(Math.random()*7);

完整代码如下：

$('.content a').each(function(){

$(this).css('fontSize',[1,1.2,1.4,1.6,1.8,2,2.4][Math.floor(Math.random()*7)]+'em')

})

现在在重新进入页面，你会发现这个模块的a标签在每次进入时字体大小都会随机变化，当然，你不想字体以style出现在行间，也可以事先定义一组类名，每个类名拥有不同的字体大小，然后给每个a标签随机这些类名，

$(‘.content a’).each(function(){

$(this).attr(‘class’,’leave’+[1,2,3,4,5,6,7][Math.floor(Math.random()*7)])

})

今天发现，上面的两种方法，并没有做到真正的随机生成，只是随机事先预备好的一些数据，特重新编译了下面方法：

$('.content a').each(function(){

$(this).css('fontSize',(getFontSize=function(){

fontsize=Math.round(Math.random()*30)/10

if(fontsize<1){

return getFontSize()

}

return fontsize

})()+'em')

})

OK,记录至此，以防将来自己用到时又忘了！