web前端開發 —— 一個對聯效果

 

一個對聯效果

 對聯效果

 

<div style="width:980px; height:20000px; margin:0px auto; position:relative;">

 

<script type="text/javascript" >

 

document.writeln("<div class=\"QQbox\" id=\"divQQbox\" style='right:-200px;POSITION:absolute;TOP:100px;'>");

document.writeln("<div class='Qlist' id='divOnline'>");

document.writeln("<img src='p_w_picpaths/g01.jpg' >");

document.writeln("<\/div>");

 

 

 

 

var tips; 

var isIE6=false;

document.write("<!--[if lte IE 6]><script>isIE6=true;</scr"+"ipt><![endif]-->");

if(isIE6){

   var theTop = 10;

}

else{

var theTop = 60;

}

var old = theTop;

function initFloatTips() {

  tips = document.getElementById('divQQbox');

  moveTips();

};

function moveTips() {

  var tt=50;

  if (window.innerHeight) {

    pos = window.pageYOffset

  } else if (document.documentElement && document.documentElement.scrollTop) {

    pos = document.documentElement.scrollTop

  }

  else if (document.body) {

    pos = document.body.scrollTop;

  }

  pos=pos-tips.offsetTop+theTop;

  pos=tips.offsetTop+pos/10;

 

  if (pos < theTop) pos = theTop;

  if (pos != old) {

    tips.style.top = pos+"px";

    tt=10;

  }

  old = pos;

  setTimeout(moveTips,tt);

}

initFloatTips();

</script>

</div>

本文出自 http://www.zhaodandan.net/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章