EMLOG学院

JS侧边栏漂浮广告

摘要: 因为今天给一客户做公司网站的时候需...

因为今天给一客户做公司网站的时候需要加一个侧边栏漂浮广告位,所以小编顺便整理发布。


<script language="javascript" type="text/javascript">
var w3c = (document.getElementById) ? true : false;
var agt = navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var mymovey = new Number();
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}
function GetScrollTop(){
return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
</script>
	
	<div style="height:1500px; background:#EEE; ">右侧漂浮</div>

<!--右侧漂浮QQ开始-->
<div style="width:790px;margin:auto;">
<div style="float:right;">
    <div id=backi style="Z-INDEX:2;WIDTH: 106px; POSITION: absolute; TOP: 50px; HEIGHT:auto">
      <img src="qq.jpg" width="106" height="205" />
    </div>
    <script language="JavaScript1.1">
    function heartBeat(){
     diffY=GetScrollTop();
     mymovey += Math.floor((diffY-document.getElementById('backi').style.top.replace("px","")+50)*0.1);
     document.getElementById('backi').style.top = mymovey+"px";
    }
    window.setInterval("heartBeat()",1);
   </script>
</div>
</div>


评论(0)