腾讯QQ网页在线客服，随网页滚动条上下移动的效果一

站内搜索
热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机
网页特效分类
网页特效分类 >> 导航菜单
腾讯QQ网页在线客服，随网页滚动条上下移动的效果一
[ 发布者：肥鱼 | 来源：本站整理 | 时间：2006-7-25 | 浏览：人次 ]
该特效需要用到相关的图片，比如那个效果的皮服，请各位自行将相关的图片下载到本地使用。
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>中国教程网素材频道|JcwCn.Com|---腾讯QQ网页在线客服，随网页滚动条上下移动的效果一</title>

</head>

<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>
<SCRIPT language=javascript>
function picsize(obj,MaxWidth){
  img=new Image();
  img.src=obj.src;
  if (img.width>MaxWidth)
  {
    return MaxWidth;
  }
  else
  {
    return img.width;
  }
}
function CloseQQ()
{
divStayTopleft.style.display="none";
return true; 
}
var online= new Array();
</SCRIPT>
<div id="divStayTopleft" style="POSITION: absolute">
	<table cellspacing="0" cellpadding="0" width="109" border="0">
		<tr>
			<td colspan="3">
			<a onclick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">
			<img height="34" src="../Uploadfile/qq_top.gif" tppabs="http://sc.jcwcn.com/tx/Uploadfile/qq_top.gif" width="109" usemap="#Map" border="0"></a></td>
		</tr>
		<tr>
			<td width="6"><img height="100" src="../Uploadfile/qq_life.gif" tppabs="http://sc.jcwcn.com/tx/Uploadfile/qq_life.gif" width="6"></td>
			<td valign="top" width="96" background="../Uploadfile/qq_bg.gif" tppabs="http://sc.jcwcn.com/tx/Uploadfile/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="../Uploadfile/qq_ico1.gif" tppabs="http://sc.jcwcn.com/tx/Uploadfile/qq_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="../Uploadfile/qq_v01.gif" tppabs="http://sc.jcwcn.com/tx/Uploadfile/qq_v01.gif" width="16" height="16"></td>
							<td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=615050000&Site=中国教程网素材频道&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=[小Q]></a>");</script></td>
						</tr>
					</table>
					</td>
				</tr>
				<tr>
					<td></td>
				</tr>

<DIV class=detail_style_5></DIV>
<script type="text/javascript"><!--
google_ad_client = "pub-5262606038035610";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as_rimg";
google_cpa_choice = "CAAQq8b8zwEaCGyZtT-0SR1TKJnA93M";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="../../pagead2.googlesyndication.com/pagead/show_ads.js" tppabs="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<DIV class=detail_style_5></DIV>
<!--STARTA: 相关特效 -->
<DIV class=detail_style_4>
<div class="home2-middle3">
<div class="home-bg-news3"><div class="home-bg-newsbg3">
本 类 相 关 特 效
</div>
</div>
<div class="xgte-title">

<li><a href="Js546.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js546.htm" title="全国省市县无刷新多级关联菜单" rel="external">全国省市县无刷新多级关...</a></li>

<li><a href="Js66.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js66.htm" title="带Form框说明的导航说明的导航" rel="external">带Form框说明的导航说明...</a></li>

<li><a href="Js53.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js53.htm" title="始终固定底端导航菜单" rel="external">始终固定底端导航菜单</a></li>

<li><a href="Js446.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js446.htm" title="左右选择添加删除内容菜单" rel="external">左右选择添加删除内容菜...</a></li>

<li><a href="Js515.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js515.htm" title="文件夹式的菜单" rel="external">文件夹式的菜单</a></li>

<li><a href="Js676.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js676.htm" title="媲美Flash的JS导航菜单" rel="external">媲美Flash的JS导航菜单</a></li>

<li><a href="Js54.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js54.htm" title="梦幻下拉菜单" rel="external">梦幻下拉菜单</a></li>

<li><a href="Js519.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js519.htm" title="很实用的多级分类导航" rel="external">很实用的多级分类导航</a></li>

<li><a href="Js518.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js518.htm" title="类似Windows的导航菜单" rel="external">类似Windows的导航菜单</a></li>

</div>
</div>
</DIV>
<!--END: 相关特效 -->


</DIV>
</DIV>
<!--END: 详细内容 -->
<!--START: 评论 -->
<DIV id=pinglun_content>
<table class="pinglun_tableborder" cellspacing="1" cellpadding="3" width="100%" align="center" border="0">
<tr class="pinglun_header">

<td height="20" class="pinglun_tilte1">相 关 评 论 / 报 错 (1)</td>
</tr>

<tr>
<td bgcolor="#ffffff" valign="top">
<div align="center">
<table class="pinglun_tableborder" cellspacing="1" cellpadding="3" width="100%" border="0">
<tr class="pinglun_header2">
<td align="left" style="background-color: #CDE6FA">评论人：我     时间：2006-8-1</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="word-wrap:break-word; word-break:break-all;line-height: 150%;" align="left">QQ相册里面的相片怎么不能移动呢？老是说什么正在升级。。不能移动。。<br/>反正怎么弄都不能移动。。怎么回事啊<br/>能不能给我个合适的理由啊？郁闷~~！</td>
</tr>
</table></div>
</td>
</tr>

<tr>
<td bgcolor="#ffffff" valign="top">
<div align="center">
<table class="pinglun_tableborder" cellspacing="1" cellpadding="3" width="100%" border="0" style="background-color: #EBF2FD">
<tr class="pinglun_header">
<td height="20" colspan="3" class="pinglun_tilte1">发 表 评 论</td>
</tr>
<SCRIPT>
	function saveTXT() {
		document.commform.commwords.value = document.commform.commwords.value;
		if(document.commform.commname.value.length == 0) {
			alert("请留下您的姓名!");
			document.commform.commname.focus();
			return false;
		}
        if (document.commform.commname.value.replace(/ /g,"")=="") 
        { 
           alert("用户名不能为空格!");
           document.commform.commname.select(); 
           return false; 
        }

		if(document.commform.commwords.value.length == 0) {
			alert("评论内容不能为空!");
			document.commform.commwords.focus();
			return false;
		} else if (document.commform.commwords.value.replace(/ /g,"")=="") { 
           alert("评论内容不能为空格!");
           document.commform.commwords.select(); 
           return false; 
        } else if(document.commform.commwords.value.length > 200) {
			alert("留言不能超过200字!");
			return false;
		} else if(document.commform.getcode.value.length == 0) {
			alert("请输入验证码!");
			document.commform.getcode.focus();
			return false;
		}
		
		return true;
	}

	function textCounter(field, maxlimit) { 
		if (field.value.length > maxlimit) 
			field.value = field.value.substring(0, maxlimit); 
		else 
			document.commform.remLen.value = maxlimit - field.value.length;
	}
</SCRIPT>
<tr><FORM name=commform onsubmit="return saveTXT()" action="http://sc.jcwcn.com/tx/JsHtml/Js.asp?ID=701" method=post>
<td bgcolor="#ffffff" height="22" width="14%" align="center">姓    名：</td>
<td bgcolor="#ffffff" height="22" width="41%" align="left"> 
<input size="12" name="commname" value="">   评论剩余字数<FONT color=#46a718>
<INPUT style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: red; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #eaffe0" readOnly maxLength=3 size=2 value=200 name=remLen></FONT></td>
<td bgcolor="#ffffff" height="66" width="41%" rowspan="3" align="left"><p style="line-height: 120%"><font face="宋体">
								·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。<br>
								·严禁发表危害国家安全、损害国家利益、破坏民族团结、破坏国家宗教政策、破坏社会稳定、侮辱、诽谤、教唆、淫秽等内容的评论。<br>
								·用户需对自己在使用本站服务过程中的行为承担法律责任（直接或间接导致的）。<br>
								·本站管理员有权保留或删除评论内容<br>
								·评论内容只代表网友个人观点，与本网站立场无关。</font></td>
</tr>
<tr>
<td bgcolor="#ffffff" height="22" width="14%" align="center">评论内容：</td>
<td bgcolor="#ffffff" height="22" width="41%" align="left"><TEXTAREA name=commwords onpropertychange="textCounter(commform.commwords, 200)" rows=6 wrap="VIRTUAL" style="width:96%">
验证码：