|
|
 当前位置：域名频道首页 > 常见问题 > 网页制作 |
| |
| |
网页右侧的可显隐网站QQ客服代码 |
| |
|
|
|
| |
|
|
|
| |
网页右侧的可显隐网站QQ客服代码
－－－－－－－－－－－－－－－－－－－－－－－－
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<title>网页右侧的可显隐网站QQ客服代码</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
body{font:12px/1.6em Tahoma,Verdana;}
#siderIMchat_main{margin:0;width:158px;color:#333;}
#siderIMchat_main img{border:0;/*background:url(;}
#siderIMchat_main .infobox{text-align:center;padding-bottom:5px;line-height:14px;padding-left:5px;padding-right:5px;background:url(;}
</style>
</head>
<body>
<div style="height:2000px;"></div>
<!--把下面代码加到<body>与</body>之间-->
<div id="QuickMenu" style="right:3px;top:100px;position:absolute;">
<div id="RightMenu" style="float:right;overflow:hidden;display:none;">
<div style="margin:0;padding:0px;border:0px;overflow:hidden;">
<div id="siderIMchat_main">
<div class="top"></div>
<div class="infobox">你我近在弹指之间</div>
<!--中间开始-->
<div class="bg">
<ul>
<li class="qqkf"><b>某某科技在线客服</b></li>
<li>
<table width="100%" border="0">
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
<tr>
<td align="center"><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:8127544:10"></a></td>
<td><a target="_blank" href="tencent://message/?uin=8127544&&Site=描述&&Menu=yes" title="点击马上咨询">使劲点我</a></td>
</tr>
</table>
</li>
</ul>
<div class="close"><font color="red">电话：0000-0000000</font></div>
</div>
<!--中间结束-->
<div class="bottom"></div>
</div>
</div>
</div>
<div style="float:right;width:24px;margin:9px 0 0 0;border:0px;"><img id="menutop" onMouseOver="javascript:ChangeMenu('RightMenu',160,500)" src="/get_pic/2010/03/20100901124607283.gif" width="24" height="100" border="0"></div>
</div>
<script language=javascript charset="gb2312">
var QuickScrollYLast=0;
var QuickMenu=document.getElementById("QuickMenu")
window.setInterval("LoadMenu()",1);
function LoadMenu(){
var QuickScrollYDefault;
if(document.documentElement&&document.documentElement.scrollTop){
QuickScrollYDefault=document.documentElement.scrollTop;
}else if(document.body){
QuickScrollYDefault=document.body.scrollTop;
}else{
}
QuickPercent=.1*(QuickScrollYDefault-QuickScrollYLast);
if(QuickPercent>0){
QuickPercent=Math.ceil(QuickPercent);
}else{
QuickPercent=Math.floor(QuickPercent);
}
QuickMenu.style.top=parseInt(QuickMenu.style.top)+QuickPercent+"px";
QuickScrollYLast=QuickScrollYLast+QuickPercent;
}
var MenuX;
var MenuY;
var MenuCloseX;
var MenuCloseY;
function ChangeMenu(id,menuwidth,menuheight){
clearInterval(MenuX);
clearInterval(MenuY);
clearInterval(MenuCloseX);
clearInterval(MenuCloseY);
var o = document.getElementById(id);
if(o.style.display == "none"){
o.style.display = "block";
o.style.width = "1px";
o.style.height = "1px";
MenuX = setInterval(function(){menuopenx(o,menuwidth,menuheight)},30);
document.getElementById("menutop").src="/get_pic/2010/03/2010090112460183.gif";
}else{
document.getElementById("menutop").src="/get_pic/2010/03/20100901124607283.gif";
MenuCloseY = setInterval(function(){menuclosex(o)},30);
}
}
function menuopenx(o,x,y){/*--打开x--*/
var menucx = parseInt(o.style.width);
if(menucx < x){
o.style.width = (menucx + Math.ceil((x-menucx)/5)) +"px";
}else{
clearInterval(MenuX);
//MenuY = setInterval(function(){menuopeny(o,y)},30);
}
var menucy = parseInt(o.style.height);
if(menucy < y){
o.style.height = (menucy + Math.ceil((y-menucy)/5)) +"px";
}else{
clearInterval(MenuY);
}
}
function menuopeny(o,y){/*--打开y--*/
var menucy = parseInt(o.style.height);
if(menucy < y){
o.style.height = (menucy + Math.ceil((y-menucy)/5)) +"px";
}else{
clearInterval(MenuY);
}
}
function menuclosex(o){/*--打开x--*/
var menucx = parseInt(o.style.width);
if(menucx > 0){
o.style.width = (menucx - Math.ceil(menucx/5)) +"px";
}else{
clearInterval(MenuCloseX);
//MenuCloseX = setInterval(function(){menuclosey(o)},30);
}
var menucy = parseInt(o.style.height);
if(menucy > 0){
o.style.height = (menucy - Math.ceil(menucy/5)) +"px";
}else{
clearInterval(MenuCloseY);
o.style.display = "none";
}
}
function menuclosey(o){/*--打开y--*/
var menucy = parseInt(o.style.height);
if(menucy > 0){
o.style.height = (menucy - Math.ceil(menucy/5)) +"px";
}else{
clearInterval(MenuCloseY);
o.style.display = "none";
}
}
</script>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－  |
| |
 |
|
|
|
| |
来自:域名频道 时间:2010-9-2 返回 常见问题 首页 |
| |
|
|
|
|
| |
|
|
|
 no-repeat center center;*/}<BR>#siderIMchat_main a{color:#036;}<BR>#siderIMchat_main a:hover{color:#f30;}<BR>#siderIMchat_main .top{background:url(<A href=){kind=link}
 #bdc5cb no-repeat;color:#000;font-weight:700;padding-top:5px;}<BR>#siderIMchat_main .bg{padding-bottom:5px;padding-left:5px;padding-right:5px;background:url(/effect/images/201009010830/siderIM_bg.gif);padding-top:5px;}<BR>#siderIMchat_main ul{margin:0;}<BR>#siderIMchat_main ul li{list-style:none;text-align:center;line-height:20px;}<BR>.qqkf{background:#ccc;height:22px;line-height:22px;}<BR>#siderIMchat_main .close{text-align:center;width:100%;}<BR>#siderIMchat_main .bottom{background:url(<A href=){kind=link}