自己QQ、微博的实例：

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Culture="zh-CN" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html  xmlns="http://www.w3.org/1999/xhtml" xmlns:wb="http://open.weibo.com/wb" >

 <head runat="server">

     <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>

     <style type="text/css">

         .style1

         {

             height: 974px;

             width: 1378px;

         }

         .style2

         {

             width: 1439px;

             left: 22px;

             bottom: 22px;

             height: 31px;

         }

         .style3

         {

             width: 1404px;

             height: 27px;

         }

         .style4

         {

             width: 1452px;

             height: 32px;

         }

         .style5

         {

             height: 29px;

             width: 1374px;

         }

         .style6

         {

             height: 31px;

         }

         .style7

         {

             width: 1439px;

         }

         .style8

         {

             height: 107px;

         }

         .style9

         {

             width: 666px;

         }

     </style>

 </head>

 <meta property="og:type" content="webpage" />

 <body>

     <form id="form1" runat="server">

     <div align="center" class="style1"

         style="padding:250px; background-color: #00FFFF">

         <div align="right" class="style2" style="clip: rect(auto, auto, auto, auto);">

             <div class="style9">

             </div>

              <wb:share-button addition="number" type="button" ralateUid="" default_text="用力戳我分享" pic="http%3A%2F%2Fimg3.imgtn.bdimg.com%2Fit%2Fu%3D3152527272%2C3368143393%26fm%3D21%26gp%3D0.jpg" language="zh_cn"></wb:share-button>

         </div>

         <div align="right" class="style5">

              <wb:follow-button uid="" type="red_1" width="" height="" ></wb:follow-button>

         </div>

         <div align="left" class="style6">

              <script type="text/javascript">            document.write('<iframe width="260" height="239" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=3147308540&wide=1&color=C2D9F2,FFFFFF,0082CB,666666&showtitle=1&showinfo=1&sense=0&verified=1&count=1&refer=' + encodeURIComponent(location.href) + '&dpc=1"></iframe>')</script>

         </div></br>

         <div align="right" class="style3">

         <script type="text/javascript">

             (function () {

                 var p = {

                     url: location.href, /*获取URL，可加上来自分享到QQ标识，方便统计*/

                     desc: '', /*分享理由(风格应模拟用户对话),支持多分享语随机展现（使用|分隔）*/

                     title: '', /*分享标题(可选)*/

                     summary: '', /*分享摘要(可选)*/

                     pics: '', /*分享图片(可选)*/

                     flash: '', /*视频地址(可选)*/

                     site: '', /*分享来源(可选) 如：QQ分享*/

                     style: '',

                     width: ,

                     height:

                 };

                 var s = [];

                 for (var i in p) {

                     s.push(i + '=' + encodeURIComponent(p[i] || ''));

                 }

                 document.write(['<a class="qcShareQQDiv" href="http://connect.qq.com/widget/shareqq/index.html?', s.join('&'), '" target="_blank">分享到QQ</a>'].join(''));

             })();

 </script>

 <script src="http://connect.qq.com/widget/loader/loader.js" widget="shareqq" charset="utf-8"></script>

         </div>

         <div align="right" class="style4" id="一份">

          <script type="text/javascript">

              (function () {

                  var p = {

                      url: location.href,

                      showcount: '', /*是否显示分享总数,显示：'1'，不显示：'0' */

                      desc: '', /*默认分享理由(可选)*/

                      summary: '', /*分享摘要(可选)*/

                      title: '', /*分享标题(可选)*/

                      site: '', /*分享来源 如：腾讯网(可选)*/

                      pics: '', /*分享图片的路径(可选)*/

                      style: '',

                      width: ,

                      height:

                  };

                  var s = [];

                  for (var i in p) {

                      s.push(i + '=' + encodeURIComponent(p[i] || ''));

                  }

                  document.write(['<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?', s.join('&'), '" target="_blank">分享</a>'].join(''));

              })();

         </script>

 <script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201" charset="utf-8"></script>

         </div>

         <div align="right" class="style7">

         <a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_likeurl" target="_blank">赞</a><script  src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111107&style=2&showcount=1&width=130&height=30" charset="utf-8" defer="defer" ></script>

         </div>

         <div align="center" class="style8">

         <a href="http://user.qzone.qq.com/1432581545" target="_blank">

             <img src="http://r.qzone.qq.com/cgi-bin/cgi_get_user_pic?openid=000000000000000000000000172D1D21&pic=1.jpg&key=a261c26d7df8cf576c16e4b0d7b4421c"

                 align="right"></a>

         </div>

     </div>

     </form>

 </body>

 </html>

嵌套 QQ、微博 通讯工具到HTML中的更多相关文章

  1. 第三方账号登录--QQ登录，以及QQ微博账号登录

    在QQ登陆测试的时候,刚申请正常登陆,但是由于app未上线,或许是腾讯升级造成的个别时候QQ登陆无法成功会提示下图代码,功能上没啥问题,已经达到 测试效果了.附上腾讯错误代码图(大家测试QQ登陆的时候 ...

  2. curl---一款实用的URL命令行网络通讯工具/库

    最近一段时间在看朴灵翻译的<深入浅出nodejs>,里面有提到一种脱离浏览器的客户端网络通讯工具,curl命令,自己在电脑上试了一下,感觉非常好用,而且莫名的感觉这是一个非常强大的网络工具 ...

  3. AngularJS.directive系列：嵌套directive的通讯及scope研究

    一.directive中的scope directive无疑是AngularJS中比较复杂难懂的部分,而directive中个scope更是其中最复杂的部分了,尤其是在嵌套directive中互相通讯 ...

  4. 基于环信的仿QQ即时通讯的简单实现

    代码地址如下:http://www.demodashi.com/demo/11645.html 我的博客地址 之前一直想实现聊天的功能,但是感觉有点困难,今天看了环信的API,就利用下午的时间动手试了 ...

  5. Html - 仿QQ空间右下角工具浮动块

    仿QQ空间右下角工具浮动块 <style type="text/css"> .cy-tp-area>.cy-tp-fixbtn>.cy-tp-text { ...

  6. javascript社交平台分享-新浪微博、QQ微博、QQ好友、QQ空间、人人网

    整理的五个社交平台的分享 <!doctype html> <html lang="en"> <head> <meta charset=&q ...

  7. activity 嵌套一级fragment,一级fragment嵌套二级fragment，在一级fragment中刷新二级fragment中的UI

    今天遇到挺纠结的问题,由于产品设计的问题,技术上涉及到activity 嵌套一级fragment,一级fragment嵌套二级fragment,在一级fragment中刷新二级fragment中的UI ...

  8. 关于各种工具输入参数中"-"和"--"

    关于各种工具输入参数中"-"和"--" 写个随笔记录下来 一直搞不懂,为啥在使用很多工具的时候,他的参数要加的"-"数量不一样呢? 如果输入 ...

  9. Expo大作战(六)--expo开发模式，expo中exp命令行工具，expo中如何查看日志log，expo中的调试方式

    简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,将全部来与官网 我猜去全部机翻+个人 ...

随机推荐

  1. opencv 人脸识别

      背景知识 OpenCV 是一个开源的计算机视觉和机器学习库.它包含成千上万优化过的算法,为各种计算机视觉应用提供了一个通用工具包.根据这个项目的关于页面,OpenCV 已被广泛运用在各种项目上,从 ...

  2. Codeforces Round #173 (Div. 2)

    A. Bit++ 模拟. B. Painting Eggs 贪心,每个物品给使差值较小的那个人,根据题目的约数条件,可证明贪心的正确性. C. XOR and OR \(,,00 \to 00,01 ...

  3. MySql 的常用优化

    1.选取最适用的字段属性 MySQL可以很好的支持大数据量的存取,但是一般说来,数据库中的表越小,在它上面执行的查询也就会越快.因此,在创建表的时候,为了获得更好的性能,我们可以将表中字段的宽度设得尽 ...

  4. 第一篇（C#中?与??）

    不聊闲话,上干货~!(新手初上路,大牛莫喷,谢谢!) 先说?? 在C#中有个三元运算符  X= A==null?B:A 其中A为bool型.当A为空时,X的值为B;当A不为空时,X的值为A. 现在有个 ...

  5. JS在路径中传中文参数

    需要用 encodeURI('中文');处理一下.

  6. 使用"立即执行函数"（Immediately-Invoked Function Expression，IIFE）

    一.原始写法 模块就是实现特定功能的一组方法. 只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块. function m1(){ //... } function m2(){ // ...

  7. ExtJs 学习之开篇（-）之define

    Ext.onReady(function(){    /**     * test1,声明一个类,定义类中的方法     */ Ext.define("demo.Demo",{   ...

  8. unity, Shader.Find的一个坑

    所以对于没有被任何东西引用,只靠在游戏运行时使用Shader.Find换上去的shader,为了双保险,可以首先放到resources文件夹里,另外,再在ProjectSettings->Gra ...

  9. oracle基础教程（8）oracle修改字符集

    oracle基础教程(8)oracle修改字符集 1.用dba连接数据库 -->sqlplus / as sysdba 2.查看字符集 -->SELECT parameter, value ...

  10. Android从零开始--安装

    1.下载安装eclipse.adt和Android sdk(以前一直以为Android使用的sdk也是java jdk呢,呵呵) 2.都安装完成后配置eclipse的Android的环境,将Andro ...