• 使用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. 解决session阻塞的问题

    简介 对于数据库运维人员来说创建session或者查询时产生问题是常规情况,下面介绍一种很有效且不借助第三方工具的方式来解决类似问题. 最近开始接触运维工作,所以自己总结一些方案便于不懂数据库的同事解 ...

  2. C#：委托和自定义事件

    1. 委托概述 “委托”相当于C++中的“函数指针”,委托必须与所要“指向”的函数在“参数”和“返回类型”上保持一致; // 定义Person类 public class Person { publi ...

  3. Writing to a MySQL database from SSIS

    Writing to a MySQL database from SSIS 出处  :  http://blogs.msdn.com/b/mattm/archive/2009/01/07/writin ...

  4. Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理3

    首先在webconfig中加入下面这句代码,这个主要是用来生成数据库的连接字符串 <connectionStrings> <add name="AuthorDesignCo ...

  5. 【转】详细分析Java中断机制

    原文地址:http://www.infoq.com/cn/articles/java-interrupt-mechanism 1. 引言 当我们点击某个杀毒软件的取消按钮来停止查杀病毒时,当我们在控制 ...

  6. percona教程：MySQL GROUP_CONCAT的使用

    percona有一篇blog: The power of MySQL GROUP_CONCAT 比较详细地介绍了GROUP_CONCAT函数的用法.简单地翻译了一下. 假设你有4名工程师,这周他们为6 ...

  7. HTTP状态管理机制之Cookie

    一.cookie 起源 cookie 最早是网景公司的雇员 Lou Montulli 在1993年3月发明,后被 W3C 采纳,目前 cookie 已经成为标准,所有的主流浏览器如 IE.Chrome ...

  8. 2016 最佳 Linux 发行版排行榜

    2015年,不管在企业市场还是个人消费市场都是 Linux非常重要的一年.作为一个自2005年起就开始使用 Linux的 Linuxer ,我门见证了 Linux在过去十年的成长.2016 Linux ...

  9. Ubuntu 部署Postgresql

    安装组件 客户端安装 sudo apt-get install postgresql-client 服务器安装 sudo apt-get install postgresql postgresql-c ...

  10. [WPF系列]-基础系列 Property Trigger, DataTrigger & EventTrigger

    So far, we worked with styles by setting a static value for a specific property. However, using trig ...