<div id="backGround" style="position: fixed; width:100%; height: 100%; top: 0; left: 0; background-color: #bff687; z-index: -1"></div>
		
<script>
	var cnt = 0, PI = Math.acos(-1);
	var rangeValue = 64, backgroundMax = 256, titleMax = 192;
	function getBackgroundValue(start, x){
		var ret = backgroundMax - 1 - rangeValue + Math.floor(rangeValue * Math.sin(start + x));
		return ret;
	}
	function getTitleValue(start, x){
		var ret = titleMax - 1 - rangeValue + Math.floor(rangeValue * Math.sin(start + x));
		return ret;
	}
	function getBackgroundColor(){
		var red = getBackgroundValue(0, cnt * 2 * PI / 256).toString(16);
		var green = getBackgroundValue(2 * PI / 3, cnt * 2 * PI / 256).toString(16);
		var blue = getBackgroundValue(4 * PI / 3, cnt * 2 * PI / 256).toString(16);
		return "#" + red + green + blue;
	}
	function getTilteColor(){
		var red = getTitleValue(0, cnt * 2 * PI / 256).toString(16);
		var green = getTitleValue(2 * PI / 3, cnt * 2 * PI / 256).toString(16);
		var blue = getTitleValue(4 * PI / 3, cnt * 2 * PI / 256).toString(16);
		return "#" + red + green + blue;
	}
	window.onload = window.onscroll = function changeColor(){
		var backGround = document.getElementById("backGround");
		var titles = document.getElementsByClassName("postTitle2");
		var newTitleColor = getTilteColor();
		backGround.style.backgroundColor = getBackgroundColor();
		for(var i = 0; i < titles.length; i++)
			titles[i].style.color = newTitleColor;
		cnt = (cnt + 1) % 256;
	}
</script>