JavaScript右侧广告栏

#div1 {
	width: 100px;
	height: 100px;
	background: red;
	position: absolute;
	right: 0;
	top: 0;
}

<div id="div1"></div>


//右边广告滑动
window.onresize = window.onload = window.onscroll = function() {
    var oDiv = document.getElementById('div1');
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    var t = (document.documentElement.clientHeight - oDiv.offsetHeight) / 2;
    startMove(oDiv, {
        top: scrollTop + t
    });
}


//封装起来的滑动

/**
 * @author miaov
 */
function getStyle(obj, attr) {
	if(obj.currentStyle)
	{
		return obj.currentStyle[attr];
}

else {
	return getComputedStyle(obj, false)[attr];
}
}

function startMove(obj, json, fn) {
	clearInterval(obj.timer);
	obj.timer=setInterval(function (){
		var bStop=true;		//��һ���˶��ͽ����ˡ������е�ֵ��������
		for(var attr in json)
		{
			//1.ȡ��ǰ��ֵ
			var iCur=0;
			
			if(attr=='opacity')
			{
				iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}

else {
	iCur=parseInt(getStyle(obj, attr));
}
			
			//2.���ٶ�
			var iSpeed=(json[attr]-iCur)/8;
			iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
			
			//3.���ֹͣ
			if(iCur!=json[attr]) {
	bStop=false;
}

if(attr=='opacity') {
	obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
				obj.style.opacity=(iCur+iSpeed)/100;
}

else {
	obj.style[attr]=iCur+iSpeed+'px';
}
		}

if(bStop) {
	clearInterval(obj.timer);
			
			if(fn)
			{
				fn();
}
		}
	},30)
}