带关闭的在线客服jquery特效

最新推荐文章于 2024-01-04 18:00:00 发布

ruixuntao

最新推荐文章于 2024-01-04 18:00:00 发布

阅读量892

点赞数

分类专栏： jQuery特效

jQuery特效专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>带关闭的在线客服特效</title>

<style>
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-size:12px; color: #666666; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff;}
h1,h2,h3,h4,h5,form,p,ul{ margin:0px; padding:0px;}
input {font-family:Arial, Helvetica, sans-serif;font-size:12px; color: #666666;outline:none;}
li { padding:0px; margin:0px; line-height:180%;list-style-type:none;}
/*-------在线客服------------*/
.float0831 { POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute }
.float0831 A { COLOR: #00a0e9 }
.float0831 A:hover { COLOR: #ff8100; TEXT-DECORATION: none }
.float0831 .floatL { POSITION: relative; WIDTH: 28px; FLOAT: left }
.float0831 .floatL A { TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px }
.float0831 .floatR { BACKGROUND: url(http://www.51mubanji.com/images/float_bg1.gif) }
.float0831 .tp { BACKGROUND: url(http://www.51mubanji.com/images/float_bg1.gif) }
.float0831 .cn { BACKGROUND: url(http://www.51mubanji.com/images/float_bg1.gif) }
.float0831 .floatR { PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden }
.float0831 .tp { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px }
.float0831 .cn { BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px }
.float0831 .cn H3 { TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px }
.float0831 .cn UL { PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px }
.float0831 .cn UL LI { BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal }
.float0831 .titZx { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .titDh { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .titDc { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .icoZx { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .icoTc { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .icoFf { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .icoTl { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .btnOpen { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .btnOpen_n { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .btnCtn { BACKGROUND: url(http://www.51mubanji.com/images/float_s1.gif) no-repeat }
.float0831 .titZx { BACKGROUND-POSITION: 5px -10px }
.float0831 .titDh { BACKGROUND-POSITION: 5px -66px }
.float0831 .titDc { BACKGROUND-POSITION: 5px -124px }
.float0831 .icoZx { BACKGROUND-POSITION: 2px -154px }
.float0831 .icoTc { BACKGROUND-POSITION: 0px -323px }
.float0831 .icoFf { BACKGROUND-POSITION: 2px -213px }
.float0831 .icoTl { PADDING-LEFT:10px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: -5px -266px; FLOAT: left }
.float0831 .btnOpen { BACKGROUND-POSITION: -30px -396px }
.float0831 .btnOpen_n { BACKGROUND-POSITION: 0px -530px }
.float0831 .btnCtn { BACKGROUND-POSITION: 0px -396px }
.float0831 .icoZx { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .icoTc { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .icoFf { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .btnOpen { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen_n { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnCtn { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen { TOP: 118px; LEFT: 1px }
.float0831 .btnOpen_n { TOP: 118px; LEFT: 1px }
.float0831 .btnCtn { TOP: 118px; LEFT: 2px }
.float0831 UL LI H3.titDc A { WIDTH: 80px; DISPLAY: block; HEIGHT: 36px }
.float0831 UL LI.top { BORDER-BOTTOM: #ace5f9 1px solid }
.float0831 UL LI.bot { BORDER-BOTTOM-STYLE: none }
.float0831 UL.webZx { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px }
.float0831 UL LI.webZx-in { BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px }

</style>
<link href="http://www.51mubanji.com/css/ny.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript" src="http://www.51mubanji.com/js/jquery.js" ></script>

<script>

var online= new Array();
var urlroot = "http://gdp.istudy.com.cn/";
var tOut = -1;
var drag = false;
var g_safeNode = null;
lastScrollY = 0;
var kfguin;
var ws;
var companyname;
var welcomeword;
var type;
var wpadomain;
var eid;

var Browser = {
ie:/msie/.test(window.navigator.userAgent.toLowerCase()),
moz:/gecko/.test(window.navigator.userAgent.toLowerCase()),
opera:/opera/.test(window.navigator.userAgent.toLowerCase()),
safari:/safari/.test(window.navigator.userAgent.toLowerCase())
};

if(kfguin)
{

//_Ten_rightDivHtml = '<div id="_Ten_rightDiv" style="position:absolute; top:160px; right:1px; display:none;">';

//_Ten_rightDivHtml += kf_getPopup_Ten_rightDivHtml(kfguin,ws,wpadomain);

//_Ten_rightDivHtml += '</div>';

//document.write(_Ten_rightDivHtml);
if(type==1 && kf_getCookie('hasshown')==0)
{
companyname = companyname.substr(0,15);
welcomeword = kf_processWelcomeword(welcomeword);

kfguin = kf_getSafeHTML(kfguin);
companyname = kf_getSafeHTML(companyname);

welcomeword = welcomeword.replace(/<br>/g,'\r\n');
welcomeword = kf_getSafeHTML(welcomeword);
welcomeword = welcomeword.replace(/\r/g, "").replace(/\n/g, "<BR>");

window.setTimeout("kf_sleepShow()",200);
}
window.setTimeout("kf_moveWithScroll()",1);
}

function kf_getSafeHTML(s)
{
var html = "";
var safeNode = g_safeNode;
if(!safeNode){
safeNode = document.createElement("TEXTAREA");
}
if(safeNode){
if(Browser.moz){
safeNode.textContent = s;
}
else{
safeNode.innerText = s;
}
html = safeNode.innerHTML;
if(Browser.moz){
safeNode.textContent = "";
}
else{
safeNode.innerText = "";
}
g_safeNode = safeNode;
}
return html;
}

function kf_moveWithScroll()
{
if(typeof window.pageYOffset != 'undefined') {
nowY = window.pageYOffset;
}
else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
nowY = document.documentElement.scrollTop;
}
else if(typeof document.body != 'undefined') {
nowY = document.body.scrollTop;
}

percent = .1*(nowY - lastScrollY);
if(percent > 0)
{
percent=Math.ceil(percent);
}
else
{
percent=Math.floor(percent);
}

//document.getElementById("_Ten_rightDiv").style.top = parseInt(document.getElementById("_Ten_rightDiv").style.top) + percent+"px";
if(document.getElementById("kfpopupDiv"))
{
document.getElementById("kfpopupDiv").style.top = parseInt(document.getElementById("kfpopupDiv").style.top) + percent+"px";
}
lastScrollY = lastScrollY + percent;
tOut = window.setTimeout("kf_moveWithScroll()",1);
}

function kf_hide()
{
if(tOut!=-1)
{
clearTimeout(tOut);
tOut=-1;
}
//document.getElementById("_Ten_rightDiv").style.visibility = "hidden";
//document.getElementById("_Ten_rightDiv").style.display = "none";
kf_setCookie('hasshown', 1, '', '/', wpadomain);
}

function kf_hidekfpopup()
{
if(tOut!=-1)
{
clearTimeout(tOut);
tOut=-1;
}
document.getElementById("kfpopupDiv").style.visibility = "hidden";
document.getElementById("kfpopupDiv").style.display = "none";
tOut=window.setTimeout("kf_moveWithScroll()",1);
kf_setCookie('hasshown', 1, '', '/', wpadomain);
}

function kf_getPopupDivHtml(kfguin,reference,companyname,welcomeword, wpadomain)
{
var temp = '';
temp += '<span class="zixun0704_x"><a href="javascript:void(0);" οnclick="kf_hidekfpopup();return false;"></a></span>';
temp += '<img src="'+urlroot+'web/pic_zixun0704_nv.jpg" class="zixun0704_img" />';
temp += '<p class="zixun0704_font">'+welcomeword+'</p>';
temp += '<div class="zixun0704_button"><a href="javascript:void(0);" οnclick="kf_openChatWindow(1,\'b\',\''+kfguin+'\')"><img src="'+urlroot+'web/pic_zixun0704QQ.jpg" /></a> <a href="javascript:void(0);" οnclick="kf_hidekfpopup();return false;"><img src="'+urlroot+'web/pic_zixun0704_later.jpg" /></a></div>';

return temp;
}

//function kf_getPopup_Ten_rightDivHtml(kfguin,reference, wpadomain)
//{
// var temp = "";
//
// temp += '<div style="width:90px; height:150px;">';
// temp += '<div style="width:8px; height:150px; float:left; background:url('+urlroot+'bg_1.gif);"></div>';
// temp += '<div style="float:left; width:74px; height:150px; background:url('+urlroot+'middle.jpg); background-position: center;">';
// temp += '<div ><h1 style="line-height:17px; font-size:14px; color:#FFFFFF; margin:0px; padding:10px 0 13px 8px; display:block; background:none; border:none; float:none; position:static;"> </h1></div>';
// temp += '<div style="height:83px; padding:0 0 0 2px; clear:both;"><div style="width:70px; height:70px; float:left; background:url('+urlroot+'face.jpg);"></div></div>';
// temp += '<div style="clear:both;"><a href="#" οnclick="kf_openChatWindow(0,\''+wpadomain+'\',\''+kfguin+'\')" style="width:69px; height:21px; background:url('+urlroot+'btn_2.gif); margin:0 0 0 2px; display:block;"></a></div></div>';
// temp += '<div style="width:8px; height:150px; float:left; background:url('+urlroot+'bg_1.gif) right;"></div></div>';
//
// return temp;
//}

//added by simon 2008-11-04
function kf_openChatWindow(flag, wpadomain, kfguin)
{
window.open('http://b.qq.com/webc.htm?new=0&sid='+kfguin+'&eid='+eid+'&o=&q=7', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');
if(flag==1)
{
kf_hidekfpopup();
}
return false;
}
//added by simon 2008-11-04 end

function kf_validateWelcomeword(word)
{
var count = 0;

for(var i=0;i<word.length;i++)
{
if(word.charAt(i)=='\n')
{
count++;
}
if(count>2)
{
return 2;
}
}
if(word.length > 57+2*count)
{
return 1;
}

count = 0;
var temp = word.indexOf('\n');
while(temp!=-1)
{
word = word.substr(temp+1);
if(temp-1<=19)
{
count += 19;
}
else if(temp-1<=38)
{
count += 38;
}
else if(temp-1<=57)
{
count += 57;
}

temp = word.indexOf('\n');
}
count+=word.length;
if(count>57)
{
return 3;
}

return 0;
}

function kf_processWelcomeword(word)
{
word = word.substr(0,57+10);
var result = '';
var count = 0;
var temp = word.indexOf('<br>');

while(count<57 && temp!=-1)
{

if(temp<=19)
{
count += 19;
if(count<=57)
{
result += word.substr(0,temp+5);
}
else
{
result += word.substr(0,57-count>word.length?word.length:57-count);
}
}
else if(temp<=38)
{
count += 38;
if(count<=57)
{
result += word.substr(0,temp+5);
}
else
{
result += word.substr(0,57-count>word.length?word.length:57-count);
}
}
else if(temp<=57)
{
count += 57;
if(count<=57)
{
result += word.substr(0,temp+5);
}
else
{
result += word.substr(0,57-count>word.length?word.length:57-count);
}
}

word = word.substr(temp+5);
temp = word.indexOf('<br>');
}

if(count<57)
{
result += word.substr(0,57-count>word.length?word.length:57-count);
}

return result;
}

function kf_setCookie(name, value, exp, path, domain)
{
var nv = name + "=" + escape(value) + ";";

var d = null;
if(typeof(exp) == "object")
{
d = exp;
}
else if(typeof(exp) == "number")
{
d = new Date();
d = new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes() + exp, d.getSeconds(), d.getMilliseconds());
}

if(d)
{
nv += "expires=" + d.toGMTString() + ";";
}

if(!path)
{
nv += "path=/;";
}
else if(typeof(path) == "string" && path != "")
{
nv += "path=" + path + ";";
}

if(!domain && typeof(VS_COOKIEDM) != "undefined")
{
domain = VS_COOKIEDM;
}

if(typeof(domain) == "string" && domain != "")
{
nv += "domain=" + domain + ";";
}

document.cookie = nv;
}

function kf_getCookie(name)
{
var value = "";
var cookies = document.cookie.split("; ");
var nv;
var i;

for(i = 0; i < cookies.length; i++)
{
nv = cookies[i].split("=");

if(nv && nv.length >= 2 && name == kf_rTrim(kf_lTrim(nv[0])))
{
value = unescape(nv[1]);
}
}

return value;
}

function kf_sleepShow()
{
kf_setCookie('hasshown', 0, '', '/', wpadomain);
var position_1 = (document.documentElement.clientWidth-381)/2+document.body.scrollLeft;
var position_2 = (document.documentElement.clientHeight-159)/2+document.body.scrollTop;
popupDivHtml = '<div class="zixun0704" id="kfpopupDiv" οnmοusedοwn="MyMove.Move(\'kfpopupDiv\',event,1);" style="z-index:10000; position: absolute; top: '+position_2+'px; left: '+position_1+'px;color:#000;font-size: 12px;cursor:move;height: 159px;width: 381px;">';
popupDivHtml += kf_getPopupDivHtml(kfguin,ws,companyname,welcomeword, wpadomain);
popupDivHtml += '</div>';
if(document.body.insertAdjacentHTML)
{
document.body.insertAdjacentHTML("beforeEnd",popupDivHtml);
}
else
{
$("#footer").before(popupDivHtml);
// sWhere="beforeEnd";
// sHTML=popupDivHtml;
// alert(HTMLElement.prototype.insertAdjacentHTML);
// HTMLElement.prototype.insertAdjacentHTML = function(sWhere, sHTML){
// var df = null,r = this.ownerDocument.createRange();
// switch (String(sWhere).toLowerCase()) {
// case "beforebegin":
// r.setStartBefore(this);
// df = r.createContextualFragment(sHTML);
// this.parentNode.insertBefore(df, this);
// break;
// case "afterbegin":
// r.selectNodeContents(this);
// r.collapse(true);
// df = r.createContextualFragment(sHTML);
// this.insertBefore(df, this.firstChild);
// break;
// case "beforeend":
// r.selectNodeContents(this);
// r.collapse(false);
// df = r.createContextualFragment(sHTML);
// this.appendChild(df);
// break;
// case "afterend":
// r.setStartAfter(this);
// df = r.createContextualFragment(sHTML);
// this.parentNode.insertBefore(df, this.nextSibling);
// break;
// }
// };
}
}

function kf_dealErrors()
{
kf_hide();
return true;
}

function kf_lTrim(str)
{
while (str.charAt(0) == " ")
{
str = str.slice(1);
}
return str;
}

function kf_rTrim(str)
{
var iLength = str.length;
while (str.charAt(iLength - 1) == " ")
{
str = str.slice(0, iLength - 1);
iLength--;
}
return str;
}

window.onerror = kf_dealErrors;
var MyMove = new Tong_MoveDiv();

function Tong_MoveDiv()
{
this.Move=function(Id,Evt,T)
{
if(Id == "")
{
return;
}
var o = document.getElementById(Id);
if(!o)
{
return;
}
evt = Evt ? Evt : window.event;
o.style.position = "absolute";
o.style.zIndex = 9999;
var obj = evt.srcElement ? evt.srcElement : evt.target;
var w = o.offsetWidth;
var h = o.offsetHeight;
var l = o.offsetLeft;
var t = o.offsetTop;
var div = document.createElement("DIV");
document.body.appendChild(div);
div.style.cssText = "filter:alpha(Opacity=10,style=0);opacity:0.2;width:"+w+"px;height:"+h+"px;top:"+t+"px;left:"+l+"px;position:absolute;background:#000";
div.setAttribute("id", Id +"temp");
this.Move_OnlyMove(Id,evt,T);
}

this.Move_OnlyMove = function(Id,Evt,T)
{
var o = document.getElementById(Id+"temp");
if(!o)
{
return;
}
evt = Evt?Evt:window.event;
var relLeft = evt.clientX - o.offsetLeft;
var relTop = evt.clientY - o.offsetTop;
if(!window.captureEvents)
{
o.setCapture();
}
else
{
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}

document.onmousemove = function(e)
{
if(!o)
{
return;
}
e = e ? e : window.event;

var bh = Math.max(document.body.scrollHeight,document.body.clientHeight,document.body.offsetHeight,
document.documentElement.scrollHeight,document.documentElement.clientHeight,document.documentElement.offsetHeight);
var bw = Math.max(document.body.scrollWidth,document.body.clientWidth,document.body.offsetWidth,
document.documentElement.scrollWidth,document.documentElement.clientWidth,document.documentElement.offsetWidth);
var sbw = 0;
if(document.body.scrollWidth < bw)
sbw = document.body.scrollWidth;
if(document.body.clientWidth < bw && sbw < document.body.clientWidth)
sbw = document.body.clientWidth;
if(document.body.offsetWidth < bw && sbw < document.body.offsetWidth)
sbw = document.body.offsetWidth;
if(document.documentElement.scrollWidth < bw && sbw < document.documentElement.scrollWidth)
sbw = document.documentElement.scrollWidth;
if(document.documentElement.clientWidth < bw && sbw < document.documentElement.clientWidth)
sbw = document.documentElement.clientWidth;
if(document.documentElement.offsetWidth < bw && sbw < document.documentElement.offsetWidth)
sbw = document.documentElement.offsetWidth;

if(e.clientX - relLeft <= 0)
{
o.style.left = 0 +"px";
}
else if(e.clientX - relLeft >= bw - o.offsetWidth - 2)
{
o.style.left = (sbw - o.offsetWidth - 2) +"px";
}
else
{
o.style.left = e.clientX - relLeft +"px";
}
if(e.clientY - relTop <= 1)
{
o.style.top = 1 +"px";
}
else if(e.clientY - relTop >= bh - o.offsetHeight - 30)
{
o.style.top = (bh - o.offsetHeight) +"px";
}
else
{
o.style.top = e.clientY - relTop +"px";
}
}

document.onmouseup = function()
{
if(!o) return;

if(!window.captureEvents)
{
o.releaseCapture();
}
else
{
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}

var o1 = document.getElementById(Id);
if(!o1)
{
return;
}
var l0 = o.offsetLeft;
var t0 = o.offsetTop;
var l = o1.offsetLeft;
var t = o1.offsetTop;

//alert(l0 + " " + t0 +" "+ l +" "+t);

MyMove.Move_e(Id, l0 , t0, l, t,T);
document.body.removeChild(o);
o = null;
}
}

this.Move_e = function(Id, l0 , t0, l, t,T)
{
if(typeof(window["ct"+ Id]) != "undefined")
{
clearTimeout(window["ct"+ Id]);
}

var o = document.getElementById(Id);
if(!o) return;
var sl = st = 8;
var s_l = Math.abs(l0 - l);
var s_t = Math.abs(t0 - t);
if(s_l - s_t > 0)
{
if(s_t)
{
sl = Math.round(s_l / s_t) > 8 ? 8 : Math.round(s_l / s_t) * 6;
}

else
{
sl = 0;
}
}
else
{
if(s_l)
{
st = Math.round(s_t / s_l) > 8 ? 8 : Math.round(s_t / s_l) * 6;
}
else
{
st = 0;
}
}

if(l0 - l < 0)
{
sl *= -1;
}
if(t0 - t < 0)
{
st *= -1;
}
if(Math.abs(l + sl - l0) < 52 && sl)
{
sl = sl > 0 ? 2 : -2;
}
if(Math.abs(t + st - t0) < 52 && st)
{
st = st > 0 ? 2 : -2;
}
if(Math.abs(l + sl - l0) < 16 && sl)
{
sl = sl > 0 ? 1 : -1;
}
if(Math.abs(t + st - t0) < 16 && st)
{
st = st > 0 ? 1 : -1;
}
if(s_l == 0 && s_t == 0)
{
return;
}
if(T)
{
o.style.left = l0 +"px";
o.style.top = t0 +"px";
return;
}
else
{
if(Math.abs(l + sl - l0) < 2)
{
o.style.left = l0 +"px";
}
else
{
o.style.left = l + sl +"px";
}
if(Math.abs(t + st - t0) < 2)
{
o.style.top = t0 +"px";
}
else
{
o.style.top = t + st +"px";
}

window["ct"+ Id] = window.setTimeout("MyMove.Move_e('"+ Id +"', "+ l0 +" , "+ t0 +", "+ (l + sl) +", "+ (t + st) +","+T+")", 1);
}
}
}

function wpa_count()
{
var body = document.getElementsByTagName('body').item(0);
var img = document.createElement('img');
var now = new Date();
img.src = "http://"+wpadomain+".qq.com/cgi/wpac?kfguin=" + kfguin + "&ext=0" + "&time=" + now.getTime() + "ip=172.23.30.15&";
img.style.display = "none";
body.appendChild(img);
}
</script>
</head>

<body>


<DIV id=floatTools class=float0831>
<DIV class=floatL><A id=aFloatTools_Hide class=btnCtn
title=关闭在线客服
οnclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();});$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');"
href="javascript:void(0);">收缩</A> <A style="DISPLAY: none" id=aFloatTools_Show class=btnOpen
title=查看在线客服
οnclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();});$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');"
href="javascript:void(0);">展开</A> </DIV>
<DIV id=divFloatToolsView class=floatR>
<DIV class=tp></DIV>
<DIV class=cn>
<UL>
<LI class=top>
<H3 class=titZx>QQ咨询</H3>
</LI>
<LI><SPAN class=icoZx>在线咨询</SPAN> </LI>

<LI><A href="http://wpa.qq.com/msgrd?v=3&uin=2605372140&site=qq&menu=yes" target="_blank"><img border="0" src="http://wpa.qq.com/pa?p=2:2605372140:41" alt="点击这里给我发消息" title="点击这里给我发消息"></A> </LI>
<LI><A href="http://wpa.qq.com/msgrd?v=3&uin=2605372140&site=qq&menu=yes" target="_blank"><img border="0" src="http://wpa.qq.com/pa?p=2:613961360:41" alt="点击这里给我发消息" title="点击这里给我发消息"></A> </LI>
<LI><A href="http://wpa.qq.com/msgrd?v=3&uin=2605372140&site=qq&menu=yes" target="_blank">兼职咨询</A> </LI>
<LI><A href="http://wpa.qq.com/msgrd?v=3&uin=2605372140&site=qq&menu=yes" target="_blank">招聘咨询</A> </LI>
<LI class=bot><A href="http://wpa.qq.com/msgrd?v=3&uin=2605372140&site=qq&menu=yes" target="_blank">站务合作</A> </LI>
</UL>
<UL>
<LI>
<H3 class=titDh>电话咨询</H3>
</LI>
<LI><SPAN class=icoTl>0913-2039208</SPAN> </LI>
</UL>
</DIV>
</DIV>
</DIV>


</body>

</html>

上面的代码直接放到html然后就看到效果：

本文来自: 51模板集(www.51mubanji.com) 详细出处参考：http://www.51mubanji.com/wytx/jquerytx/377.html

ruixuntao

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
带关闭的在线客服jquery特效

带关闭的在线客服特效body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-size:12px; color: #666666; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff;}h1,h
复制链接

扫一扫