`
jjklmm
  • 浏览: 57063 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实用的在线咨询功能

阅读更多



 查看效果:http:www.miiceic.org.cn/eg/eg2/kefu.html

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>安博中程企业培训,企业内训,专注于android培训,软考培训,软件开发,软件工程,嵌入式,UI设计,重构,架构等IT企业培训</title>
<meta name="keywords" content="企业培训,企业内训,android培训,软考培训,it企业培训"/>
<meta name="description" content="安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库,国防军工等IT高端技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训,敏捷开发,嵌入式培训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品牌."/>
<meta name="copyright" content="安博教育集团 中程在线北京科技有限公司版权所有"/>
</head>
<style type="text/css">
.kefu_left{float:left;width:159px;height:277px;overflow:hidden;}
.kefu_right{float:left; width:25px;  margin-top:20px;}
#msg_win{visibility:visible;opacity:1;position:absolute;left:15px; top:100px;display: block;overflow:hidden; z-index:9000; margin:0; padding:0; margin-top:100px;font-family:"宋体"; font-size:12px; color:#000; text-align:left;}
#msg_win .icos{ z-index:9;}
#msg_content{width:159px;height:277px;overflow:hidden; background:url(images/kefubg.gif) no-repeat; display:none;}
#msg_win .ulone{margin-left:-7px;*margin-left:-5px;list-style:none;_padding-left:39px;_padding-top:10px;}
#msg_win .ultwo{ margin-left:-4px; margin-top:10px;list-style:none;_padding-left:39px;}
#msg_win .ultwo p{ margin:0; padding:0; line-height:18px;}
#msg_win .ultwo p span{ font-weight:600; color:#e00000;}
#msg_win .lione{width:115px; height:28px;  line-height:28px; margin-bottom:2px;}
#msg_win .lione a{width:115px;height:28px; display:block; line-height:28px; color:#000;text-decoration:none; padding-left:5px; padding-top:2px;}
#msg_win .lione a:hover{ background-color:#ff9c00; font-weight:600; color:#FFF;}
#msg_win .lione a img{ border:none; margin-right:5px; position:relative; top:4px;}
</style>
<body>
<div id="msg_win">
  <div class="kefu_left">
  <div id="msg_content">
  <ul class="ulone">
  <li class="lione"><a href="http://wpa.qq.com/msgrd?v=3&uin=109907513&site=qq&menu=yes" target="_blank"><img src="images/calltag1.gif" width="16" height="16">QQ在线交谈</a></li>

  <li class="lione"><a href="http://chat.looyu.com/chat/chat/p.do?c=12810&f=64311&n=miiceic" target="_blank"><img src="images/calltag2.gif" width="16" height="16">即时在线交谈</a></li>
  <li class="lione"><a href="http://vip.tq.cn/leavemsg.do?action=leavemsg&admiuin=8435700&uin=8435700&ltype=1&sort=2&lasttalkuin=&rand=8067436827461593&comtimes=3324&iscallback=1&agentid=0&isAgent=0&page=http://www.gec-edu.org/action-page,id-3.html&localurl=http://www.gec-edu.org/&spage=http://www.gec-edu.org/action-page,id-3.html" target="_blank"><img src="images/calltag3.gif" width="16" height="16">免费通话</a></li>
  <li class="lione"><a href="http://chat.looyu.com/chat/chat/p.do?c=12810&f=64311&n=miiceic"><img src="images/calltag4.gif" width="16" height="16">在线留言/报名</a></li>
  <li class="lione"><a href="http://www.miiceic.org.cn/other/74.html"><img src="images/calltag5.gif" width="16" height="16">与中程联系</a></li>
  </ul>
  <ul class="ultwo">
  <p><span>电话:</span>010-82618260</p>

  <p><span>24小时值班手机:</span></p>
  <p>01082618260</p>
  </ul>
  </div>
  </div>
  <div class="kefu_right"><div class="icos"><a id="msg_min" title="最小化" href="javascript:void 0"></a><!--<a id="msg_close" title="关闭" href="javascript:void 0">×</a>--></div></div>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
<script language="javascript">
var Message={
set: function() {//最小化与恢复状态切换
var set=this.minbtn.status == 0?[1,0,'none',"<img src='images/back.gif' border='0'>",'恢复',"25px"]:[0,1,'block',"<img src='images/close.gif' border='0'>",'最小化',"190px"];
this.minbtn.status=set[0];
this.win.style.borderBottomWidth=set[1];
this.content.style.display =set[2];
this.minbtn.innerHTML =set[3];
this.minbtn.title = set[4];
this.win.style.width=set[5];
this.win.style.top = this.getY().top;
},

setOpacity: function(x) {//设置透明度
var v = x >= 100 ? '': 'Alpha(opacity=' + x + ')';
this.win.style.visibility = x<=0?'hidden':'visible';//IE有绝对或相对定位内容不随父透明度变化的bug
this.win.style.filter = v;
this.win.style.opacity = x / 100;
},
show: function() {//渐显
clearInterval(this.timer2);
var me = this,fx = this.fx(0, 100, 0.1),t = 0;
this.timer2 = setInterval(function() {
t = fx();
me.setOpacity(t[0]);
if (t[1] == 0) {clearInterval(me.timer2)    }
},6);//10 to 6
},
fx: function(a, b, c) {//缓冲计算
var cMath = Math[(a - b) > 0 ? "floor": "ceil"],c = c || 0.1;
return function() {return [a += cMath((b - a) * c), a - b]}
},
getY: function() {//计算移动坐标
var d = document,b = document.body,    e = document.documentElement;
var s = Math.max(b.scrollTop, e.scrollTop);
var h = /BackCompat/i.test(document.compatMode)?b.clientHeight:e.clientHeight;
var h2 = this.win.offsetHeight;
return {middle: s + h + h2 + 2+'px',top: s + h - h2 - 280+'px'}
},
moveTo: function(y) {//移动动画
clearInterval(this.timer);
var me = this,a = parseInt(this.getY().top);
var fx = this.fx(a, parseInt(y));
var t = 0 ;
this.timer = setInterval(function() {
t = fx();
me.win.style.top = t[0]+'px';
if (t[1] == 0) {
clearInterval(me.timer);
me.bind();
}
},6);//10 to 6
},
bind:function (){//绑定窗口滚动条与大小变化事件
var me=this,st,rt;
window.onscroll = function() {
clearTimeout(st);
clearTimeout(me.timer2);
me.setOpacity(0);
st = setTimeout(function() {
me.win.style.top = me.getY().top;
me.show();
},100);//600 mod 100
};
window.onresize = function (){
clearTimeout(rt);
rt = setTimeout(function() {me.win.style.top = me.getY().top},100);
}
},
init: function() {//创建HTML
function $(id) {return document.getElementById(id)};
this.win=$('msg_win');
var set={minbtn: 'msg_min',closebtn: 'msg_close',content: 'msg_content'};
for (var Id in set) {this[Id] = $(set[Id])};
var me = this;
this.minbtn.onclick = function() {me.set();this.blur()};
//this.closebtn.onclick = function() {me.close()};
this.char=navigator.userAgent.toLowerCase().indexOf('firefox')+1?['_','::','×']:['0','2','r'];//FF不支持webdings字体
this.minbtn.innerHTML="<img src='images/close.gif' border='0'>";
this.minbtn.status=0;
//this.closebtn.innerHTML=this.char[2];
setTimeout(function() {//初始化最先位置
me.win.style.display = 'block';
me.content.style.display = 'block';
me.win.style.width = '190px';
me.win.style.top = me.getY().top;
me.moveTo(me.getY().top);
},0);
return this;
}
};
Message.init();

</script>

 

查看效果: http:www.miiceic.org.cn/eg/eg2/kefu.html

  • 大小: 24 KB
0
2
分享到:
评论

相关推荐

    很实用的QQ在线咨询插件

    安装这些文件到网站上后,就能实现QQ在线咨询功能。具体步骤可能包括将代码嵌入到网页模板中,配置后台设置,以及测试聊天功能的正常运行。 总的来说,这个QQ在线咨询插件提供了一种高效、用户友好的在线交流解决...

    js 含QQ在线咨询和微信的返回顶部客服代码,适合网站全站右侧调用,兼容主流浏览器

    综上所述,"js 含QQ在线咨询和微信的返回顶部客服代码"是一个提高网站用户互动性和便利性的实用工具。开发者应关注其兼容性,合理使用JavaScript和ECMAScript特性,结合微信和QQ的API,为用户提供流畅、便捷的在线...

    QQ在线咨询台,好用

    2. **集成过程**:"加个代码就是了"意味着QQ在线咨询台的集成相对简单,通常只需要在网页源代码中添加特定的JavaScript代码片段,就能实现在线咨询功能的嵌入。这为非技术背景的网站管理员提供了便利。 3. **插件...

    用户在线咨询医生微信小程序UI

    总结,用户在线咨询医生的微信小程序UI设计需要兼顾功能实用性与美观性,通过清晰的界面布局和易操作的交互设计,为用户提供高效、便捷的医疗咨询服务。源代码则通过合理架构和有效利用微信小程序API,实现这些功能...

    jsp 在线咨询 源代码

    总的来说,这个"jsp 在线咨询 源代码"提供了一个实用的案例,帮助开发者学习和实践JSP、Servlet、WebSocket以及数据库操作等相关技术,同时也为构建电子商务平台的在线客服系统提供了参考。通过这个项目,开发者可以...

    可浮动的在线qq咨询

    "可浮动的在线QQ咨询"功能就是实现这一目标的关键技术之一。这种技术允许用户在浏览网站时随时发起与客服的对话,无需离开当前页面,提升了用户体验。下面将详细探讨如何利用JavaScript(简称js)来实现这一功能。 ...

    js实现QQ在线咨询-remark

    总的来说,这个项目展示了如何使用JavaScript和CSS结合可能的服务器端技术(如ASP.NET)来创建一个实用且直观的QQ在线咨询功能,提高网站的用户互动性和服务质量。在实施这样的功能时,开发者需要关注代码的可维护性...

    QQ在线咨询代码

    QQ在线咨询代码是一个在线客服系统,它允许网站访客通过QQ即时通讯工具与网站管理员或客服人员进行交流。这种系统在电子商务、服务型网站等场景中非常常见,因为它提供了快速响应客户疑问的方式,增强了用户体验。 ...

    1200例实用自动化机械与机构技术咨询图册 续编(800例)

    《1200例实用自动化机械与机构技术咨询图册 续编(800例)》是一部专门针对自动化机械与机构设计领域的专业参考资料,它提供了丰富的实例和详尽的技术咨询,旨在帮助工程师、设计师以及相关从业者解决实际工作中的各种...

    1200例实用自动化机械与机构技术咨询图册续编800例.

    《1200例实用自动化机械与机构技术咨询图册,续篇(800例)》是一本集结了大量自动化机械和机构设计案例的参考书籍。在机械工程领域,自动化是提高生产效率、降低人工成本和提升产品质量的重要手段,而这份图册提供了...

    ASP网站QQ在线咨询插件

    将QQ在线咨询功能集成到ASP网站中,可以方便用户在浏览网站时直接通过QQ进行咨询,提高网站的互动性和客户满意度。 首先,我们要理解如何在ASP中实现这个功能。这通常涉及到以下几个关键步骤: 1. **集成API接口**...

    QQ空间里的QQ日志如何插入QQ在线咨询-.docx

    QQ在线咨询功能允许用户在日志中嵌入一个互动窗口,使得读者可以直接与作者进行实时交流,提升互动性。本篇文章将详细介绍如何在QQ空间的日志中插入QQ在线咨询。 首先,你需要登录你的QQ账号。在浏览器中输入QQ账号...

    大学生就业咨询系统源代码

    总的来说,“大学生就业咨询系统”是一个综合运用ASP.NET和C#技术的实例,它不仅提供了实际的就业咨询功能,也为学习者提供了一个很好的实践平台。通过深入研究这个项目,初学者可以进一步理解和掌握Web开发的基本...

    医院在线咨询预约系统

    【医院在线咨询预约系统】是一个专为医疗机构设计的软件平台,旨在提供便捷的在线咨询服务和预约功能,方便患者在不离开家的情况下就能与医生进行沟通并安排就诊时间。这个系统不仅适用于医院,还适用于诊所和其他...

    jQuery在线咨询特效.zip

    在Web开发中,用户体验往往是一个网站成功与否的关键因素之一,而在线咨询功能作为与用户互动的重要手段,其设计和实现需要既美观又实用。jQuery作为一个轻量级、高效的JavaScript库,提供了丰富的API和插件,使得...

    右侧悬浮客服咨询

    在构建Web项目时,"右侧悬浮客服咨询"是一种常见的功能设计,它旨在为用户提供便捷的在线支持服务。...通过理解和调整这些元素,我们可以创建一个既美观又实用的客服咨询功能,提升网站的互动性和专业形象。

    Win8天气应用增添多项实用功能.docx

    Windows 8天气应用在最近的一次更新中引入了一系列实用的新特性,显著提升了其功能性与用户体验。这款原生应用以前主要提供基本的未来三天天气预报,但现在它已经进化为一个更全面的气象信息平台。 首先,预报天数...

    基于php大学生心理咨询网站设计与实现.docx

    该系统包括管理员功能模块和用户功能模块,提供了在线心理测试、在线咨询等功能,并确保了系统的安全性和稳定性。 一、系统开发背景 随着互联网技术的发展,网络心理健康网站应运而生,为用户提供了一个更为便利的...

    小新实用五金手册2009.zip

    《小新实用五金手册2009》是一款专为机械行业设计的小型软件,它集成了丰富的五金知识和数据,是工程师和爱好者的实用工具。该软件的主要功能可能包括五金材料的性能参数查询、标准件规格查找、五金加工工艺参考等,...

    投资咨询公司网站

    这样的网站通常包含丰富的信息展示、服务介绍、案例分享、在线咨询等功能,旨在提升企业的在线形象,吸引潜在客户,并提供有效的咨询服务。 【描述】:“漂亮的投资咨询公司网站,兰色风格,设计精美。”这表明该...

Global site tag (gtag.js) - Google Analytics