控制div的位置及QQ浮动面板

<div id='Layer1'  style='position: absolute;z-index:1;width=100px;height:190px;left:-3px;top: 60px;'>  

这里不写id,这个层就不能移动位置

定义DIV的边框颜色
<div style="border: 1px solid #000099;">这样定义DIV边框颜色</div>

http://is.qq.com/webpresence/code.shtml

QQ在线咨询,自动生成.

下面是游动动联(QQ面板的)代码

ad.js

function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 0;
var y = 0;// 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 0;
var y = 0;// 右侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}

document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'>"
+"<table width='100' height='339' border='0' cellpadding='0' cellspacing='0'><tr>"
 +"   <td width='118' height='15' background='images/bb.jpg'><div id='Layer1'  style='position: absolute;z-index:1;width=100px;height:190px;left:-3px;top: 60px;'> <div align='center'>"
 +"<br><br><br><br> "
 +"  <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询1</a><br>"
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询2</a><br>"
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询3</a><br> "
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询4</a><br>"
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询5</a><br>"
  +"<img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp;  <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询6</a><br>"
 +"  <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询7</a><br>"
 +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp;  <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询8</a><br>"
   +"   </div>  </div></td></tr></table>"

+"</div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'>"
+"<table width='100' height='339' border='0' cellpadding='0' cellspacing='0'><tr>"
 +"   <td width='118' height='15' background='images/bb.jpg'><div id='Layer1'  style='position: absolute;z-index:1;width=100px;height:190px;left:-3px;top: 60px;'> <div align='center'>"
 +"<br><br><br><br> "
 +"  <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询1</a><br>"
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询2</a><br>"
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询3</a><br> "
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询4</a><br>"
  +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询5</a><br>"
  +"<img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp;  <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询6</a><br>"
 +"  <img border=0 SRC=http://wpa.qq.com/pa?p=1:1234564 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp; <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询7</a><br>"
 +" <img border=0 SRC=http://wpa.qq.com/pa?p=1:123456:4 alt='有事点这里'>&nbsp;&nbsp;&nbsp;&nbsp;  <a target=blank href=tencent://message/?uin=123456&Site=信息咨询&Menu=yes>咨询8</a><br>"
   +"   </div>  </div></td></tr></table>"

+"</div>");
initEcAd()

使用  index.html

 <script src="js/ad.js" language="JavaScript"></script>