1

6 つの異なるスタイルシートと 1 つの HTML ページがあります。私がする必要があるのは、アクセス時にページにスタイルシートの1つをランダムにロードさせることです。

また、ユーザーが訪問してランダムなスタイルシートがロードされた場合、どのスタイルシートがロードされたかを覚えていて、その特定の訪問者のためにそのスタイルシートのみをロードすることは可能ですか?

jQuery を html ドキュメントにロードしました。

4

2 に答える 2

1 
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>

<script>

$(document).ready(function(){
  var userStylesheet = $.cookie('user_stylesheet');

  if(!userStylesheet){
    userStylesheet = Math.floor((Math.random()*6)+1);
    $.cookie('user_stylesheet', userStylesheet);
  }

  var ss = $('<link/>').attr('rel', 'stylesheet').attr('type','text/css').attr('href', 'stylesheet' + userStylesheet + '.css');
  $(document.body).append(ss);

});

</script>
</head>
<body>
  Hello!
</body>
</html>

編集

jquery.cookie.js RAWのリンクは次のとおりです。

于 2012-10-04T14:44:21.353 に答える
0

自由に使えるサーバー側のスクリプトはありますか? その場合、サーバーで提供する CSS ファイルを決定し、その値をセッション変数に保存します。そのセッション変数が後続のページの読み込み時に設定されている場合は、新しいものを生成する代わりに出力します。

または、JavaScriptまたはローカル ストレージに Cookie を設定してみてください。

于 2012-10-04T14:18:27.817 に答える