下面是好多网页都会用的随滚动条滚动的QQ客服咨询特效代码.
我把下面的代码写到一个文件中,然后在首页文件index.asp中用<!--#include file=""-->包含了这个文件,但是问题是
那个图片 那是呆在一个地方根本就不会滚动.有用过的朋友,知道的兄弟们指点一下...急呀,弄了一个下午也不没有弄好......
<html>
<head>
<title>在线联系</title>
<script language=javascript>
function picsize(obj,MaxWidth){
img=new Image();//新建一个Image对象，用这个对象的width就不会出现width为0的现象
img.src=obj.src;
if (img.width>MaxWidth)
{
return MaxWidth;
}
else
{
return img.width;
}
}
</script>
<LINK href="IMAGES_A/qq.css" type=text/css rel=stylesheet>
</head>
<body>
<SCRIPT>
var online= new Array();
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</SCRIPT>
<layer id="divStayTopLeft">
<table border="0" width="72" cellspacing="0" cellpadding="0">
<tr>
<td width="72"><img src=IMAGES_A/quick01.gif width="72" height="33" border=0></td>
</tr>
<script src="
http://webpresence.qq.com/getonline?Type=1&454003343:76312395:"></script>
<tr>
<td valign=middle>
<script>
if (online[0]==0)
document.write("<a class='qqb' target=_blank href='http://wpa.qq.com/msgrd?V=1&Uin=454003343&Site=在线咨询&Menu=no' title='客服不在线，请留言'><img src=IMAGES_A/qqoff.jpg border=0></a>");
else
document.write("<a class='qqa' target=_blank href='http://wpa.qq.com/msgrd?V=1&Uin=454003343&Site=在线咨询&Menu=no' title='在线即时交谈'><img src=IMAGES_A/qqon.gif border=0 align=middle></a>");
</script>
</td>
</tr>
<tr>
<td valign=middle><script>
if (online[1]==0)
document.write("<a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=76312395&Site=在线咨询&Menu=no' title='客服不在线，请留言'><img src=IMAGES_A/qqoff.jpg border=0 align=middle></a>");
else
document.write("<a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=76312395Site=在线咨询&Menu=no' title='在线即时交谈'><img src=IMAGES_A/qqon.gif border=0 align=middle></a>");
</script>
</td>
</tr>
<tr>
<td width="72"><img src=IMAGES_A/quick04_h.gif width="72" height="25" border=0></td>
</tr>
</table>
<script type="text/javascript">
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX =6,
startY = 800;
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.left=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>
</body>
</html>
