2014-04-07 41 views
0

我希望我的html開始與一個數組的隨機css文件。這可能嗎?有沒有辦法在HTML中使用數組?

<link id="pagestyle" rel="stylesheet" type="text/css" href='CSS/katy.css'> 


var cssName1= [ 'CSS/katy.css', 'CSS/daftpunk.css', 'CSS/wiliam.css']; 
var rndIndex = Math.floor(Math.random()*3); 
var rndCss = cssName1[rndIndex]; 

就像放入href =「rndCss」?

回答

1

你可以像這樣使用jQuery動態地應用樣式表。

$(document).ready(function() { 
    var cssName1= [ 'CSS/katy.css', 'CSS/daftpunk.css', 'CSS/wiliam.css']; 
    var rndIndex = Math.floor(Math.random()*3); 
    var rndCss = cssName1[rndIndex]; 
    $('head').append('<link rel="stylesheet" href="' + rndCss + '" type="text/css" />'); 
}); 
0

沒有直接的方法,但你絕對可以使用JavaScript做這樣的時髦的事情。

相關問題