资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
腾讯QQ网页在线客服,随网页滚动条上下移动的效果一
该特效需要用到相关的图片,比如那个效果的皮服,请各位自行将相关的图片下载到本地使用。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>腾讯QQ网页在线客服,随网页滚动条上下移动的效果一</title> </head> <body> <DIV id=divStay style="POSITION: absolute"> <table cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top width="7%"> </TD></TR></TBODY></TABLE></DIV> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3Djavascript%3E%20%0D%0Afunction%20picsize(obj%2CMaxWidth)%7B%20%0D%0A%20%20img%3Dnew%20Image()%3B%20%0D%0A%20%20img.src%3Dobj.src%3B%20%0D%0A%20%20if%20(img.width%3EMaxWidth)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20return%20MaxWidth%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20else%20%0D%0A%20%20%7B%20%0D%0A%20%20%20%20return%20img.width%3B%20%0D%0A%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20CloseQQ()%20%0D%0A%7B%20%0D%0AdivStayTopleft.style.display%3D%22none%22%3B%20%0D%0Areturn%20true%3B%20%20%0D%0A%7D%20%0D%0Avar%20online%3D%20new%20Array()%3B%20%0D%0A%3C%2FSCRIPT%3E"> <div id="divStayTopleft" style="POSITION: absolute"> <table cellspacing="0" cellpadding="0" width="109" border="0"> <tr> <td colspan="3"> <a onclick="CloseQQ()" href="javascript:;" _ewebeditor_ta_href="javascript%3A%3B" shape="circle" coords="91,16,12"> <img height="34" src="/jstest/images/qq_top.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_top.gif" width="109" usemap="#Map" border="0"></a></td> </tr> <tr> <td width="6"><img height="100" src="/jstest/images/qq_life.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_life.gif" width="6"></td> <td valign="top" width="96" background="/jstest/images/qq_bg.gif"> <table cellspacing="0" cellpadding="0" width="90" align="center" border="0"> <tr> <td height="30"> <table cellspacing="0" cellpadding="0" width="90" border="0"> <tr> <td> <img height="13" src="/jstest/images/qq_ico1.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_ico1.gif" width="16"><span class="font_12"> <span style="font-size: 9pt">客户服务</span></span></td> </tr> </table> </td> </tr> <tr> <td> <table border="0" width="100%" cellpadding="2" id="table47"> <tr> <td width="15" valign="top" height="23"> <img border="0" src="/jstest/images/qq_v01.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_v01.gif" width="16" height="16"></td> <td valign="bottom"><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Edocument.write(%22%3Ca%20target%3Dblank%20href%3Dtencent%3A%2F%2Fmessage%2F%3Fuin%3D615050000%26Site%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%E8%A7%82%E6%AD%A2%26Menu%3Dyes%3E%3Cimg%20border%3D0%20SRC%3Dhttp%3A%2F%2Fwpa.qq.com%2Fpa%3Fp%3D1%3A615050000%3A10%20alt%3D%5B%E5%B0%8FQ%5D%3E%3C%2Fa%3E%22)%3B%3C%2Fscript%3E"></td> </tr> </table> </td> </tr> <tr> <td></td> </tr> <tr> <td> <table border="0" width="100%" cellpadding="2" id="table47"> <tr> <td width="15" valign="top" height="23"> <img border="0" src="/jstest/images/qq_n01.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_n01.gif" width="16" height="16"></td> <td valign="bottom"><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Edocument.write(%22%3Ca%20target%3Dblank%20href%3Dtencent%3A%2F%2Fmessage%2F%3Fuin%3D43486831%26Site%3D%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88%E8%A7%82%E6%AD%A2%26Menu%3Dyes%3E%3Cimg%20border%3D0%20SRC%3Dhttp%3A%2F%2Fwpa.qq.com%2Fpa%3Fp%3D1%3A43486831%3A10%20alt%3D%5B%E8%BF%99%E6%98%AF%E5%9C%A8%E8%BF%9C%E6%96%B9%E5%8E%9F%E6%9D%A5%E7%9A%84qq%E8%A2%AB%E7%8E%B0%E5%9C%A8%E8%BF%99%E4%B8%AA%E4%BA%BA%E7%9B%97%E4%BA%86%5D%3E%3C%2Fa%3E%22)%3B%3C%2Fscript%3E"></td> </tr> </table> </td> </tr> <tr> <td></td> </tr> </table> </td> <td width="7"><img height="100" src="/jstest/images/qq_right.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_right.gif" width="7"></td> </tr> <tr> <td colspan="3"> <img height="30" src="/jstest/images/qq_bottom1.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_bottom1.gif" width="109"></td> </tr> <tr> <td colspan="3"> <img height="33" src="/jstest/images/qq_logo.gif" _ewebeditor_ta_src="%2Fjstest%2Fimages%2Fqq_logo.gif" width="109"></td> </tr> </table> </div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20FloatTop()%20%0D%0A%7B%20%0D%0A%20var%20startX1%20%3Ddocument.body.offsetWidth-125%20%2CstartY1%20%3D%205%3B%20%0D%0A%20var%20startX2%20%3D0%2CstartY2%20%3D%2095%3B%20%0D%0A%20var%20ns%20%3D%20(navigator.appName.indexOf(%22Netscape%22)%20!%3D%20-1)%3B%20%0D%0A%20var%20d%20%3D%20document%3B%20%0D%0A%20function%20ml(id%2CstartX%2CstartY)%20%0D%0A%20%7B%20%0D%0A%20%20var%20el%3Dd.getElementById%3Fd.getElementById(id)%3Ad.all%3Fd.all%5Bid%5D%3Ad.layers%5Bid%5D%3B%20%0D%0A%20%20if(d.layers)el.style%3Del%3B%20%0D%0A%20%20el.sP%3Dfunction(x%2Cy)%7Bthis.style.left%3Dx%3Bthis.style.top%3Dy%3B%7D%3B%20%0D%0A%20%20el.x%20%3D%20startX%3B%20%0D%0A%20%20el.y%20%3D%20startY%3B%20%0D%0A%20%20return%20el%3B%20%0D%0A%20%7D%20%0D%0A%20window.stayTopLeft%3Dfunction()%20%0D%0A%20%7B%20%0D%0A%20%20var%20pY%20%3D%20ns%20%3F%20pageYOffset%20%3A%20document.body.scrollTop%3B%20%0D%0A%20%20ftlObj.y%20%2B%3D%20(pY%20%2B%20startY1%20-%20ftlObj.y)%2F8%3B%20%0D%0A%20%20ftlObj1.y%20%2B%3D%20(pY%20%2B%20startY2%20-%20ftlObj1.y)%2F8%3B%20%0D%0A%20%20ftlObj.sP(document.body.scrollLeft%2Bdocument.body.offsetWidth-125%2C%20ftlObj.y)%3B%20%0D%0A%20%20ftlObj1.sP(ftlObj1.x%2C%20ftlObj1.y)%3B%20%0D%0A%20%20setTimeout(%22stayTopLeft()%22%2C%2030)%3B%20%0D%0A%20%7D%20%0D%0A%2F%2F%20%20%20%20%20ftlObj%20%3D%20ml(%22divStay%22%2Cdocument.body.scrollLeft%2Bdocument.body.offsetWidth-125%2C0)%3B%20%0D%0A%2F%2F%20%20%20%20%20ftlObj1%20%3D%20ml(%22divStayTopLeft%22%2C0%2C30)%3B%20%0D%0A%20ftlObj%20%3D%20ml(%22divStay%22%2C(document.body.scrollLeft%2Bdocument.body.offsetWidth)%2F2%2B379%2C0)%3B%20%0D%0A%20ftlObj1%20%3D%20ml(%22divStayTopLeft%22%2C(document.body.scrollLeft%2Bdocument.body.offsetWidth)%2F2%2B379%2C30)%3B%20%0D%0A%20stayTopLeft()%3B%20%0D%0A%7D%20%0D%0AFloatTop()%3B%20%0D%0A%3C%2Fscript%3E"> <!--End: QQ在线客服 --> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程