0

背景が透明で色がスムーズに変化するdivを作成したいのですが、問題は、透明ではないコンテンツをdivに含める必要があることです。

色を変えるためにこれを見つけました

<head>
<script 
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
setInterval ( "spectrum()", 1000 );
   }); 

function spectrum(){
var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + 
   (Math.floor(Math.random() * 256)) + ',' + 
   (Math.floor(Math.random() * 256)) + ')';
$('body').css( { backgroundColor: hue });

}

</script>
</head>
</body>
</html>

しかし、透明度を追加する方法がわかりません。

もう一つ欲しいのは、カーソルでを動かして色を変えることです。.mousemove()jQuery関数と組み合わせることができるはずだと思います。

どうもありがとう

4

3 に答える 3

0

移行にCSSを使用します。

body{
  -webkit-transition: background-color 1s linear;
}

ライブコード： http： //jsbin.com/oqesub/1/edit

于 2013-03-17T19:00:47.127 に答える
0

に変更rgbしrgbaます。

rgba(red,green,blue,opacity)
于 2013-03-17T19:00:58.560 に答える
0

半透明の色の形式はrgba( R, G, B, A)、です。ここRでG、、Bは既に持っているものであり、A0（完全に透明）から1（完全に不透明）までの数値です。必要な正確な数を決定するのはあなた次第です。

于 2013-03-17T19:01:09.807 に答える