自己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. ajax处理的方式

    1.方式一:在一个web页面中 [System.Web.Services.WebMethod],有点象webservers的方法! 前台: 返回的数据: msg:Object {d: "He ...

  2. shh简化

    对于SSH框架中部分的操作简化我分为两大类: 一:操作 1. 在SSH的struts.xml里 name="Action类_*" class="注入的实例"(同 ...

  3. 用js判断页面刷新或关闭的方法

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于on ...

  4. Python range() xrange()

    range 前面小节已经说明了,range([start,] stop[, step]),根据start与stop指定的范围以及step设定的步长,生成一个序列. xrange用法与 range 完全 ...

  5. CentOS 6、7下pptp vpn一键安装脚本

    之前有折腾过<CentOS 6.7下IPSEC/L2TP VPN一键安装脚本>,不稳定.不支持IOS,因此换成pptp,并已经添加到<lnmp一键安装包>.这个脚本可以单独使用 ...

  6. 无法打开登录所请求的数据库 "xxx"登录失败用户 'NT AUTHORITY\NETWORK SERVICE'

    解决:添加用户,选择NT AUTHORITY\SYSTEM登录名,选择当前数据库的架构. 勾选架构 勾选成员身份.如果不勾选,也会报异常:拒绝了对对象 'FW_ORG' (数据库 'ZW_DWSJ', ...

  7. ruby HTTPS请求

    require 'uri'require 'net/http'require 'net/https' @toSend = { "date" => "2012-07- ...

  8. SQLite 函数大全

    http://blog.sina.com.cn/s/blog_48e2ea3401012031.html

  9. Python第八天

    Python面向对象进阶 一.静态方法 通过@staticmethod装饰器即可把其装饰的方法变为一个静态方法,什么是静态方法呢?其实不难理解,普通的方法,可以在实例化后直接调用,并且在方法里可以通过 ...

  10. 使用git新建分支以及管理分支

    在进行分支相关的操作前, 我们需要保持主分支干净, 所谓的干净就是没有任何改变(所有更改都已经commit 并 push),那么你可以在任何时候从你的主分支创建一个新分支. 为了方便代码管理,我们应该 ...