• 使用qq推广

站点：http://shang.qq.com/v3/widget.html

复制里面的html代码：

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=287728153&site=qq&menu=yes"><img border="" src="http://wpa.qq.com/pa?p=2:287728153:52" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
  • 使用webbrower控件

因为需要加载html代码，所有使用可以加载html的控件，目前我知道的是webbrower和Frame。如果有其他可以推荐。

Xmal文件：

  <WebBrowser x:Name="wbQQ" Width="" Height="" Canvas.Left="-13" Canvas.Top="-15"  />

后台代码：

this.wbQQ.NavigateToString(_content);//这里面的字符串是html代码，frame不能直接加载字符串html呈现界面。

string _content = @"

            <html>

            <head>

                <title>qq</title>

            </head>

            <body  scroll=""no"">

                <a target=blank style=""position:absolute;width:auto;left:0; margin-left:0px;right:auto;margin-right:auto;height:auto;top:0;margin-top:0px;bottom:auto;margin-bottom:auto;""

                   href=""http://wpa.qq.com/msgrd?v=3&uin=287728153&site=qq&menu=yes"">
　　　　　　　　　　　<img border=""0"" alt=""QQ"" src=""http://wpa.qq.com/pa?p=2:287728153:52"" /> 
　　　　　　　　　　</a> 
　　　　　　　　</body> 
　　　　　　　　</html>";
  • 1.webBrowser 隐藏滚动条

第一种方案：对WebBroswer控件处理。

首先需要添加系统COM引用 Microsoft HTML Object Library.dll

其次页面中需添加using mshtml;

在WebBroswer的LoadCompleted事件中添加如下代码

mshtml.HTMLDocument dom = (mshtml.HTMLDocument)_wb(使用的WebBroswer对象名称).Document; //定义HTML
 dom.documentElement.style.overflow = "hidden";    //隐藏浏览器的滚动条 
 dom.body.setAttribute("scroll", "no");            //禁用浏览器的滚动条

第二种方案：在页面中处理如下:

需在html样式中添加<body scroll="no">

  • 2.实现html内容对齐

HTML

　　<h1>绝对元素的对齐与偏移</h1>

　　<div>

　　<p  id="lt" >左上角对齐&amp;偏移</p>

　　<p  id="lb" >左下角对齐&amp;偏移</p>

　　<p  id="cm" >中心对齐</p>

　　<p  id="rt" >右上角对齐&amp;偏移</p>

　　<p  id="rb" >右下角对齐&amp;偏移</p>

　　</div>

CSS

　　div { position:relative; }

　　#lt { position:absolute;

　　width:auto;  left:0; margin-left:8px;

　　right:auto; margin-right:auto;

　　height:auto; top:0; margin-top:8px;

　　bottom:auto; margin-bottom:auto; }

　　#lb { position:absolute;

　　width:240px; left:0; margin-left:8px;

　　right:auto; margin-right:auto;

　　height:18px; top:auto; margin-top:auto;

　　bottom:0; margin-bottom:8px; }

　　#cm { position:absolute;

　　width:200px; left:0; margin-left:auto;

　　right:0; margin-right:auto;

　　height:18px; top:0; margin-top:auto;

　　bottom:0; margin-bottom:auto;}

　　#rt { position:absolute;

　　width:220px; left:auto; margin-left:auto;

　　right:0; margin-right:8px;

　　height:18px; top:0;margin-top:8px;

　　bottom:auto; margin-bottom:auto; }

　　#rb { position:absolute;

　　width:auto;  left:auto; margin-left:auto;

　　right:0; margin-right:8px;

　　height:auto; top:auto; margin-top:auto;

　　bottom:0;margin-bottom:8px; }

　　/* 隐去了不必要的规则 */

　　问题

　　想把绝对定位元素排列到它的定位最近的祖先元素的上、下、左、右4边上。还想将它从排列位置上进行偏移。还想为它设置尺寸或进行包裹。

　　解决方案

　　把样式赋给已选择的类和ID上：

　　n  用width:+VALUE和height:+VALUE为元素设定尺寸；

　　n  用width:auto和height:auto对元素进行包裹。

　　从左侧进行偏移：

　　n  用left:0和right:auto将元素左对齐；

　　n  用margin-left:+VALUE将元素从左侧向右偏移；

　　n  用margin-left:-VALUE将元素从左侧向左偏移。

　　从右侧进行偏移：

　　n  用right:0和left:auto将元素右对齐；

　　n  用margin-right:+VALUE将元素从右侧向左偏移；

　　n  用margin-right:-VALUE将元素从右侧向右偏移。

　　从顶端进行偏移：

　　n  用top:0和bottom:auto将元素顶端对齐；

　　n  用margin-top:+VALUE将元素从顶端向下偏移；

　　n  用margin-top:-VALUE将元素从顶端向上偏移。

　　从底端进行偏移：

　　n  用bottom:0和top:auto将元素底端对齐；

　　n  用margin-bottom:+VALUE将元素从底端向上偏移；

　　n  用margin-bottom:-VALUE将元素从底端向下偏移。

　　模式

　　绝对元素的左偏移

　　SELECTOR { position:absolute; left:0;right:auto;

　　margin-left:±VALUE;margin-right:auto; }

　　绝对元素的右偏移

　　SELECTOR { position:absolute; left:auto;  right:0;

　　margin-left:auto; margin-right:±VALUE;}

　　绝对元素的顶端偏移

　　SELECTOR { position:absolute; top:0;bottom:auto;

　　margin-top:±VALUE;margin-bottom:auto; }

　　绝对元素的底端偏移

　　SELECTOR { position:absolute; top:auto; bottom:0;

　　margin-top:auto; margin-bottom:±VALUE; }

　　适用范围

　　此设计模式可应用于所有元素。

  • 3.打开链接弹出设置

html里面a标签去掉属性target=blank ，这样就会直接调用qq组件。

  • 第二种添加qq客户端方式

1.

<head>
<script type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
</head>

2.body里面

<script type="text/javascript">
BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 4000102233, selector: 'BizQQWPA'});
</script>

3.

<div id="BizQQWPA">
<a href="javascript:void(0)"><img border="0" SRC="http://wpa.qq.com/pa?p=1:287728153:4" alt=" 客 服 二" />&nbsp;
客 服二</a>
</div>

问题：加载页面的时候自动加载js脚本。但是点击客服的时候，弹出的不是窗口而是一个div。

渲染：

在html头 加标签 强制使用最新的ie渲染 <meta http-equiv="X-UA-Compatible" content="IE=edge">
强制使用最新的ie8渲染<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

参考：http://www.cnblogs.com/sung/p/3391264.html

wpf 客户端 添加qq客服咨询的更多相关文章

  1. 【情人节来一发】网站添加QQ客服功能

    今年的元宵节遇到情人节,挺不自量力的,呵呵,开篇给各位讲个段子,早上一美女同学在空间发说说道:“开工大吉 起床啦,卖元宵,卖玫瑰,卖避孕套啦-有木有一起去发财的小伙伴?Let’s go…”,对于此种长 ...

  2. 页面中添加qq客服

    html页面 <html> <head> <meta http-equiv="Content-Type" content="text/htm ...

  3. 企业QQ客服的添加

    商城项目需要用腾讯的企业QQ客服,但默认提供的是一个链接,点击后弹出一个新页面, 请确认 确认打开QQ与营销QQ4009928310对话? 点确认才弹出聊天窗口,并不是需求想要的效果,经过一番折腾联系 ...

  4. 微信轻松接入QQ客服

    一直以来,大家都苦恼怎么实现微信公众帐号可以接入客服,也因此很多第三方接口平台也开发客服系统CRM系统,不过不是操作复杂就是成本太高.今天分享一个低成本又简便的方法,让你的公众帐号接入QQ客服.下面介 ...

  5. jQuery网页右侧固定层显示隐藏在线qq客服代码

    CSS代码: @charset "utf-8"; ;;} html,body{font-size:12px;font-family:"微软雅黑";outline ...

  6. web页面接入QQ客服的方法

    在做微信二次开发的时候或者手机版网页的时候有人想在接qq客服,下面我就分享一下具体操作: 1,准备一个QQ号,可以是企业QQ,也可以是个人QQ.登录网址:http://shang.qq.com/wid ...

  7. js生成qq客服在线代码

    说到QQ客服在线代码,随便那么百度谷歌一下就会出来,一般都是 <a target="blank" href="http://wpa.qq.com/msgrd?V=1 ...

  8. 普通免费QQ客服在PC、手机端解决方案

    注意:以下测试 浏览器在Chrome,手机在iphone6 营销QQ.企业QQ(http://b.qq.com/)跟普通免费QQ(http://shang.qq.com/v3/widget.html) ...

  9. pc、移动端H5网站 QQ在线客服、群链接代码【我和qq客服的那些事儿】

    转载:http://blog.csdn.net/fungleo/article/details/51835368#comments 移动端H5 QQ在线客服链接代码 <a href=" ...

随机推荐

  1. js 输出数组最大值

    ,,,,]; ]; ; i < run.length; i++) { if (max<run[i]) { max=run[i]; }else{ max=max; } } alert(max ...

  2. python对文件的操作

    一.python中对文件.文件夹操作时经常用到的os模块和shutil模块常用方法. 1.得到当前工作目录,即当前Python脚本工作的目录路径: os.getcwd() 2.返回指定目录下的所有文件 ...

  3. 如何使用 Entity Framework 构造动态查询表达式

    一般的程序员做上几年以后, 或多或少的都有些代码的积累, 我也不例外. 作为微软技术程序员, 自从Linq和EF出来之后, 就基本上爱不释手了, 且不说执行效率的问题, 单单就开发效率和代码的可移植性 ...

  4. JAVA开发过程中的各种小坑

    1.有时候你在本地跑的ECLIPSE中得到的正确的结果,部署到服务器上使用其他容器,如tomcat或WARS的时候,跑出的结果也许就不一致, 我们程序员会经常抱怨,在我机器上跑的好好的. 在不同的容器 ...

  5. [转]17个新手常见Python运行时错误

    原址:http://www.oschina.net/question/89964_62779?p=1 当初学 Python 时,想要弄懂 Python 的错误信息的含义可能有点复杂.这里列出了常见的的 ...

  6. Java基础知识笔记（七：接口、变量作用域和参数传递）

    一.接口 Java语言不允许一个子类拥有多个直接父类,即任何子类只能有一个直接父类.但允许一个类实现多个接口,即在定义类的接口名称列表中可以包含1个或多个接口名称,从而实现多重继承的特性.接口的定义格 ...

  7. 苹果iOS强制HTTPS迫在眉睫，距离2017年只剩1天，准备好了么？

    其实不久前苹果就发了通告,要求ios上的应用全部以HTTPS来进行接口调用以及数据访问,这样做是为了数据安全,一方面为了自己,另一方面也是对应用的要求更加严格,这么做很好,也加强了市场app的规范,虽 ...

  8. UVALive - 3942 Remember the Word[树状数组]

    UVALive - 3942 Remember the Word A potentiometer, or potmeter for short, is an electronic device wit ...

  9. 第5章 Java数组

    1.什么是数组 数组可以想象成一个巨大的盒子,这个盒子里面存放的是同一个数据类型的数据 例如:int[] scores = {78,68,94,93}; 2.如何使用Java中的数组 2.1申明数组 ...

  10. oracle连接方式、创建数据库用户、忘记数据库密码、用户锁定

    一.oracle六种连接方式 ①myEclipse中 打开myEclipse,window----show view----Other---输入DB点击DB browser 选中右键New.出现如下页 ...