【www.gdgbn.com--qq教程】
<script>
var online= new array();
if (!document.layers)
document.write("")
</script>
<script src="http://webpresence.qq.com/getonline?type=1&526793887:363607395:1576940:"></script>
<script type="text/网页特效">
var verticalpos="frombottom"
if (!document.layers)
document.write("")
function jsfx_floattopdiv()
{
下面的var startx =3是水平位置,350是垂直位置;默认情况在屏幕左侧显示,若要改为右侧显示,修改3的值(var startx =3改为var startx =screen.width-150)即可(这行不用复制)
var startx =screen.width-150,
starty = 350;
var ns = (navigator.appname.indexof("netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getelementbyid?d.getelementbyid(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sp=function(x,y){this.style.right=x;this.style.top=y;};
el.x = startx;
if (verticalpos=="fromtop")
el.y = starty;
else{
el.y = ns ? pageyoffset + innerheight : document.body.scrolltop + document.body.clientheight;
el.y -= starty;
}
return el;
}
window.staytopleft=function()
{
if (verticalpos=="fromtop"){
var py = ns ? pageyoffset : document.body.scrolltop;
ftlobj.y += (py + starty - ftlobj.y)/8;
}
else{
var py = ns ? pageyoffset + innerheight : document.body.scrolltop + document.body.clientheight;
ftlobj.y += (py - starty - ftlobj.y)/8;
}
ftlobj.sp(ftlobj.x, ftlobj.y);
settimeout("staytopleft()", 10);
}
ftlobj = ml("divstaytopleft");
staytopleft();
}
jsfx_floattopdiv();
</script>
企业网站加一个浮动qq在线客服效果,因为以前没做过,所以我第一时间想到的就是上网查找相关代码。本以为这种东西在网上会有一大堆,可搜索的结果让我很失望!网上找到的那些要么下载下来不能用,要么就是浏览器兼容性很差。不过值得庆幸的是,我还是找到了一个可用并且兼容性也挺好的例子;不过那个例子中的代码写的有点乱,可读性很差,不值得收藏。我仔细研究了一下里面的代码
<script type="text/javascript">
var tips教程;
var thetop = 180/*这是默认高度,越大越往下*/;
var old = thetop;
function initfloattips() {
document.getelementbyid("divqqbox").style.display = "block";
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>