分享一个可展开收缩的右侧悬浮QQ在线客服代码
2012-12-03 15:03
531 查看
分享长沙写字楼网的一个用JQuery 实现的可展开收缩的右侧悬浮QQ在线客服代码
源代码见附件
在线演示:
转载请注明出处 本代码仅限于学习交流,请勿用于商业用途!
文章转自:http://www.oschina.net/code/snippet_116096_10649
源代码见附件
在线演示:
转载请注明出处 本代码仅限于学习交流,请勿用于商业用途!
<div id="floatTools" class="float0831"> <div class="floatL"> <a title="查看在线客服" class="btnOpen" id="aFloatTools_Show" style="display: none;" onclick="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> <a title="关闭在线客服" class="btnCtn" id="aFloatTools_Hide" style="display: block;" onclick="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> </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 class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2278808484&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2278808484:41 &r=0.8940031429092906"></a> </li> <li> <a class="qqOn" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=954149011&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:954149011:41 &r=0.8940031429092906"></a> </li> </ul> <ul> <li> <h3 class="titDh"> 电话咨询 </h3> </li> <li> <span class="icoTl">400-000-000</span> </li> <li class="bot"> <h3 class="titDc"> <a href="http://www.cslou.com/" target="_blank">新版调查</a> </h3> </li> </ul> </div> </div> </div>
文章转自:http://www.oschina.net/code/snippet_116096_10649
相关文章推荐
- 分享一个可展开收缩的右侧悬浮QQ在线客服代码
- 在看官方的例子时候由一个grid实例,在每一行之前有个加号,展开可以显示内容,在实际应用中还是非常有用的,照搬例子的代码,发现老是提示对象不存在,查阅资料后发现是没有加载插件,这里和大家分享下Ext.grid.RowExpander插件的使用,
- 悬浮右侧可展开搜索的客服代码
- 悬浮右侧可展开搜索的客服代码
- 【前端】如何实现一个简单地可折叠展开右侧悬浮工具栏?
- JS+CSS实现可展开/收起的QQ在线客服悬浮代码
- 网页右侧悬浮QQ在线客服代码
- 悬浮右侧可展开搜索的客服代码
- Python实现的一个自动售饮料程序代码分享
- 分享一个从国外网站看到的socket程序,程序并不强悍,但能从代码中看到老外是怎么写代码的,咱可以取长补短
- 网页右侧悬浮滚动在线qq客服代码示例
- jQuery 淡入淡出、展开收缩菜单实现代码
- QQ在线客服代码 飘浮在右侧的QQ客服js特效演示
- 分享一个很久以前做的G.726编码语音传输代码
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- 分享一个自定义的 console 类,让你不再纠结JS中的调试代码的兼容
- 简洁右侧悬浮QQ客服代码
- div展开收缩代码
- 分享一个windows服务的代码