2013-03-17 3 views
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> 

Но я понятия не имею, как добавить прозрачность в нее.

Другая вещь, которую я хотел бы, - это изменить цвет, перемещая его с помощью курсора. Я думаю, что должно быть возможно объединить его с функцией jQuery .mousemove().

Большое спасибо

ответ

0

Формат полупрозрачного цвета является rgba(R, G, B, A), где R, G, B то, что у вас уже есть, и A представляет собой число от 0 (полностью прозрачный) и 1 (полностью непрозрачный). Это зависит от вас, чтобы определить, какое именно вам нужно.

+0

спасибо, что это хорошо работает, и знаете ли вы, как изменить цвет с использованием координат мыши, я видел его один раз, и я думаю, что по крайней мере два из чисел из rgb должны быть доступны для изменения в X и Y положения курсора в окне. –

0

Изменение rgb в rgba.

rgba(red,green,blue,opacity)