自己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. Apache Nutch build文件解析

    本文目的:分析Apache Nutch 1.9的build.xml文件,从而让读者了解nutch的build全部流程

  2. java 运算符使表达式结果类型自动提升

    1.表达式中的自动类型提升: 表达式求值时,Java自动的隐含的将每个byte.short或char操作数提升为int类型,这些类型的包装类型也是可以的. 例如:short s1 = 1; s1 = ...

  3. 各种模板（part 2）

    堆: using namespace dui //堆 { #include<queue> //需要的库 priority_queue < int > Q; //定义一个Q的大根 ...

  4. 王爽 <<汇编 语言>> 13.6 BIOS中断例程应用

    ;名称:ILOVEU程序 ;使用BIOS提供的中断例程 assume cs:code code segment main: ;显示背景22*80 ;dh中放行号 ;dl中放列号 bibi: push ...

  5. C#中dynamic的正确用法

    C#中dynamic的正确用法  http://www.cnblogs.com/qiuweiguo/archive/2011/08/03/2125982.html dynamic是FrameWork4 ...

  6. Centos 6.5编译安装yum

    1.删除redhat原有的yum rpm -aq|grep yum|xargs rpm -e --nodeps 2.下载yum安装文件 wget http://mirrors.163.com/cent ...

  7. iso 培训笔记

    protocol协议 + 类方法- 实例方法:继承()方法 <> [] 方法调用 .属性:参数mvc storyboard 资源文件info.plist 权限viewcontroller ...

  8. linux下vi命令修改文件及保存的使用方法

    进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi n filename :打开文件,并将光标置于第n行首 vi filename :打开文件,并将光标置于一行首 v ...

  9. 如何提高Linux操作系统的安全性 转自https://yq.aliyun.com/articles/24251?spm=5176.100239.blogcont24250.7.CfBYE9

    摘要: Linux系统不论在功能上.价格上或性能上都有很多优点,但作为开放式操作系统,它不可避免地存在一些安全隐患.关于如何解决这些隐患,为应用提供一个安全的操作平台,本文会告诉你一些最基本.最常用, ...

  10. 在CentOS中安装中文支持

    执行命令: # yum groupinstall chinese-support 修改配置文件: # vim /etc/sysconfig/i18n LANG="zh_CN.UTF-8&qu ...