网站客服漂浮框架
[code]<style type="text/css">
.kfoutbox{position:absolute;z-index:10000;right:5px;margin:0px;width:80px;height:150px;background:#ffffff;}
</style>
</head>
<body style="margin:0px;padding:0px;font-size:12px;">
<div style="margin:0px auto;padding-top:200px;width:980px;height:800px;text-align:center;background:#f2f2f2;">
这里是网页的内容区<br>
<a href="http://www.jscode.cn/">网页特效代码</a></div>
<div id="kfoutbox" class="kfoutbox">
<span id="kfboxclose" style="color:#ffffff">关闭窗口</span> <br>
</div>
<script language="javascript">
var default_top_ps = 100;
var evans_agt = navigator.userAgent.toLowerCase();
var evans_ie = ((evans_agt.indexOf("msie") != -1) && (evans_agt.indexOf("opera") == -1) && (evans_agt.indexOf("omniweb") == -1));
var evans_mymovey = new Number();
function evans_IeTrueBody() {
return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement: document.body
}
function evans_GetScrollTop() {
return evans_ie ? evans_IeTrueBody().scrollTop: window.pageYOffset
}
function evans_heartBeat() {
evans_diffY = evans_GetScrollTop();
evans_mymovey += Math.floor((evans_diffY - document.getElementById('kfoutbox').style.top.replace("px", "") + default_top_ps) * 0.1);
document.getElementById('kfoutbox').style.top = evans_mymovey + "px"
}
var evans_tmpintval = window.setInterval("evans_heartBeat()", 1);
if (document.getElementById('kfboxclose')) {
document.getElementById('kfboxclose').onclick = function() {
window.clearInterval(evans_tmpintval);
document.getElementById('kfoutbox').style.display = 'none'
}
}
var popupdelay = 0;
var maxpoptimes = 3;
var prepoptime = '10';
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 = 200;
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
}
var 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;
Kf54MyMove.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("Kf54MyMove.Move_e('" + Id + "', " + l0 + " , " + t0 + ", " + (l + sl) + ", " + (t + st) + "," + T + ")", 1)
}
}
};
</script>[/code] 濠电姷鏁告慨鐑藉极閹间礁纾婚柣鎰惈閸ㄥ倿鏌涢锝嗙缂佺姳鍗抽弻鐔兼⒒鐎垫瓕绠為梺鎼炲労閸撴岸鎮為懖鈹惧亾楠炲灝鍔氶柟鍐茬箰鍗辨い鎺戝閸婂灚顨ラ悙鑼虎闁告梹纰嶉妵鍕晜鐠囪尙浠紓渚囧枛閻楁挸鐣烽幒妤佸€烽柡澶嬪灍閸嬫捇鎮介崨濠勫弳濠电娀娼уΛ婵嬵敁濡も偓闇夋繝濠傚缁犵偤鏌″畝瀣М妤犵偞甯￠獮瀣倷闊厽妯婇梻鍌欑閹碱偆鎮锕€绀夌€光偓閸曨偆鍙€婵犮垼鍩栭崝鏍箚閻愭番浜滈柟鎵虫櫅閻掑搫霉绾攱瀚�闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨跺畷婵嗏枎閹惧磭鐣洪悷婊勬閻涱喖螣閻╂崿鍥х倞闁挎繂鎳嶆竟鏇㈡⒑缁嬭法鐏遍柛搴㈠姍瀵偊宕橀鐣屽弳闂佸搫娲﹂〃鍛閸撗呯＝濞达絾褰冩禍楣冩⒑缁洖澧茬紒瀣浮閹繝濡烽埡鍌滃幗闂佸搫娲ㄩ崑娑㈠焵椤掆偓濠€閬嶅焵椤掍胶鍟查柟鍑ゆ嫹闂傚倸鍊搁崐鎼佸磹閻戣姤鍊块柨鏃堟暜閸嬫挾绮☉妯诲櫧闁活厽鐟╅弻鐔告綇閸撗呮殸闁诲孩鑹鹃ˇ浼村Φ閸曨垰绠抽柟瀛樼妇閸嬫挻绻濆顓炰虎婵犵數濮电喊宥夋偂濞嗘挻鈷戞い鎾卞妿閻ｉ亶鏌＄€ｎ偅宕岄柡灞剧〒閳ь剨缍嗛崑鍛焊閻㈠憡鐓欓柛娆忣槹鐏忥妇鈧娲滈崰鏍€佸鈧幃鈺呭垂椤愶綆鍟岄梻鍌氬€搁崐椋庢濮橆兗缂氱憸宥囧弲闂侀潧鐗嗛敍鍡涘炊椤掍礁浠虹紓浣割儓濞夋洟鎮鹃崫鍕垫富闁靛牆妫欑壕鐢告煕鐎ｎ偅灏伴柕鍥у婵偓闁斥晛鍟伴ˇ鏉款渻閵堝啫鐏い銊ワ工閻ｇ兘骞掗幋鏂跨墯闁硅偐琛ラ幊锝夊Ψ閿斿墽鐦堥梺姹囧灲濞佳勭濠婂牊鐓熼幒鎶藉礉鎼淬劌绀嗛柟鐑橆殕閸嬫劙鎮归崶顏勭毢妞は佸啠鏀介柣鎰綑閻忥附鎱ㄥΟ绋垮缂侇喖顭峰顕€宕奸悢鍝勫妇闂傚⿴鍋勫ú銈夘敄閸涙潙鐒垫い鎺嶇劍缁€瀣煙椤斿吋鍋ユい銏″哺閸┾偓妞ゆ帒瀚拑鐔哥箾閹存瑥鐏╅柣鎺撴そ閺屾盯骞囬闂村闂佷紮绲介妶绋款潖濞差亜宸濆┑鐐寸閸ㄤ絻鐏嬮梺鍛婂姦閸犳牠鎷戦悢鍏肩厪濠电偛鐏濋崝妤佷繆閹绘帞澧涘ǎ鍥э躬椤㈡稑饪伴崨顓狀偧闂備礁婀遍崗妯荤閸洖钃熼柨婵嗘閸庣喖鏌曡箛銉х？婵炲牄鍊濆铏圭矙濞嗘儳鍓遍梺鐟版啞閹倿銆佸璺何ㄩ柍杞拌兌椤︽澘顪冮妶鍡楀Е闁稿鎳樺畷鎾绘濞戣鲸瀵岄梺闈涚墕濡绮幒鎾变簻闁挎柨鐏濆畵鍡涙煕閳瑰灝鐏茬€规洘顨婇幊鏍煛閸愭儳鏅梻鍌欒兌閹虫捇顢氶銏犵；闁绘劕鍚€閻掑﹪鏌曟繛鐐珕闁绘挻娲熼幃妤呮晲鎼粹€茬凹闁诲繐绻掗弫鍝ユ閹烘挻缍囬柕濠忕畱绾炬娊鎮楃憴鍕闁挎洏鍨藉畷娲焺閸愨晛顎撻柡澶屽仧婢ф銆佸Ο鑽ょ瘈闁汇垽娼цⅴ闂佺懓鍢查崯顐︻敇婵傜ǹ妞藉ù锝囨嚀閺嬬姵绻濋悽闈涗粶闁宦板妿閸掓帒顓兼径濠勭暫闂佺ǹ鐬奸崑娑㈠几娓氣偓閺岀喖宕滆鐢盯鏌￠崨顔藉€愰柡灞诲姂閹倝宕掑☉姗嗕紦