750ミリ秒ごとに異なる色(明るい色にする必要があります)を変更するには、背景色が必要ですが、色の間でフリックするのではなくフェードする必要があります。だから基本的には、バックグラウンドの色を変更し、750ミリ秒ごとにそれらを退色させるためにいくつかのjavascriptが必要です。また、これはjQueryで行うこともできます。異なる色からフェードする
答えて
あなたはjQueryのを使用している場合は、jQueryUIのアニメーションを試してみてください、のようなもの:
もちろんsetInterval(changeColor, 750);
colors = ['red','blue','yellow'];
i = 0;
function changeColor(){
$('body').animate({ backgroundColor: colors[i] }, 750);
i++;
i = i == colors.length?0:i;
}
は、ライブラリを含めることを忘れていけない:http://jqueryui.com/demos/animate/
編集:与えていない、良いのためにこれを使用しますあなたのユーザーは頭痛!
母、私はそれをするつもりはありませんでした。しかし、これは色から色に変わるか、あるいは変化するだけですか? – Mythrillic
javascriptについての私の小さな知識を使い、それを消滅させるように管理しました。ありがとう。 – Mythrillic
'i = i ++;'? 'i ='部分をなくします。両方の行を 'i = ++ i%colors.length; 'に置き換えるのはどうでしょうか? – nnnnnn
- 1. UIViewで背景色を1つの色から別の色にフェードする
- 2. JavaScriptを使ってサムネイルイメージをグレースケールから色にフェードする
- 3. Android - 異なるデバイスの異なる色
- 4. 異なる色名
- 5. リンクの色にフェード効果
- 6. Djangoを使用してセクションにジャンプし、黄色のハイライトエフェクトからフェードする
- 7. ComboBoxで色が異なる
- 8. 異なる色のUISlider
- 9. 異なる色のGWTテキスト
- 10. 異なる色のレイアウト
- 11. 異なる色のヒストグラム - matlab
- 12. TYPO3:異なる色のナビゲーション
- 13. 背景色をクリアするために、堅実な背景色からUIViewフェードを作成するにはどうすればよいですか?
- 14. リストボックスアイテムWPF、異なるアイテムの異なる背景色
- 15. Vim:異なるモードで異なる行番号の色
- 16. mschart:異なるy値範囲の背景色が異なる?
- 17. MATLABタイトルの異なる部分の色が異なります
- 18. 色の配列を使用して異なるバーに異なる色を設定する
- 19. レイアウト内の異なるテキストビューに異なる色を設定する
- 20. C#Winforms DatagridView - 異なる行の異なる色を設定する
- 21. 1日に異なる色で異なるイベントをハイライト表示するASP.NETカレンダー
- 22. 異なる色の異なる線を、それらの特性に基づいてプロットする
- 23. Googleマップの色マーカーが異なる
- 24. gridExtra tableGrobで異なる色を表示
- 25. JTextAreaの異なるテキストの色
- 26. クロム/ファイアフォンでテキストの色が異なる
- 27. UITextField内の2つの異なる色
- 28. Python - 異なる色のプロット値
- 29. ポップアップメニュー項目の色が異なる
- 30. 異なるエンドポイントから異なるデータメンバを返す
あなたはCSSアニメーションを使ってこれを検討しましたか? – kojiro