Heim  >  Artikel  >  Web-Frontend  >  网页版的页面分享_html/css_WEB-ITnose

网页版的页面分享_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:36:50843Durchsuche

这个页面的框架用的是JQueryMobile,具体使用的是百度分享内容。如果有问题请查看百度分享API

网址 http://share.baidu.com/code 

@{    ViewBag.Title = "";}@section jsheader{    <script src="../../Scripts/ShareCode/ShareCode.js" type="text/javascript"></script>}<div class="container-fluid loginAll" style="background-color: #f0efef;">    <div class="row">        <div class="col-xs-12">            <div class="row loginTitle">                <div class="col-xs-12">                    <div class="row">                        <div class="col-xs-2">                         <a href="@Url.Content("~/Personal/Index")"><img  src="../../Content/images/left.png" class="img-responsive" alt="网页版的页面分享_html/css_WEB-ITnose" ></a>                        </div>                        <div class="col-xs-8 loginTitleTxt">                            标题</div>                        <div class="col-xs-2"></div>                    </div>                </div>            </div>            <div class="row  ">            </div>            <div class="row"   style="max-width:90%">                <div class="col-xs-12" style="font-family: 微软雅黑">                    <div class="row">                    </div>                </div>            </div>            <div class="row">                <div class="col-xs-2">                </div>                <div class="col-xs-8">                    <span id="FXCode" class="fenxiangbut">分  享</span>                </div>                <div class="col-xs-2">                </div>            </div>            <div class="row" id="zzc" style="display: none;">            </div>            <div class="row" id="FXcontent" style="display: none;">                <div class="col-xs-1">                </div>                <div class="bdsharebuttonbox col-xs-10">                    <div class="row fenxiangtu">                        <div class="col-xs-3">                            <a href="#" class="bds_qzone" data-cmd="qzone" style="margin: 0px auto; float: none"                                title="分享到QQ空间"></a><span>QQ</span>                        </div>                        <div class="col-xs-3">                            <a href="#" class="bds_tsina" data-cmd="tsina" style="margin: 0px auto; float: none"                                title="分享到新浪微博"></a><span>新浪</span>                        </div>                        <div class="col-xs-3">                            <a href="#" class="bds_tqq" data-cmd="tqq" style="margin: 0px auto; float: none"                                title="分享到腾讯微博"></a><span>腾讯</span>                        </div>                        <div class="col-xs-3">                            <a href="#" class="bds_renren" data-cmd="renren" style="margin: 0px auto; float: none"                                title="分享到人人网"></a><span>人人</span>                        </div>                    </div>                    <div class="row fenxiangtu">                        <div class="col-xs-3">                            <a href="#" class="bds_tqf" data-cmd="tqf" style="margin: 0px auto; float: none"                                title="分享到腾讯朋友"></a><span>朋友</span>                        </div>                        <div class="col-xs-3">                            <a href="#" class="bds_sqq" data-cmd="sqq" style="margin: 0px auto; float: none"                                title="分享到QQ好友"></a><span>好友</span>                        </div>                        <div class="col-xs-3">                            <a href="#" class="bds_weixin" data-cmd="weixin" style="margin: 0px auto; float: none"                                title="分享到微信"></a><span>微信</span>                        </div>                        <div class="col-xs-3">                            <a href="#" class="bds_mail" data-cmd="mail" style="margin: 0px auto; float: none"                                title="分享到邮件分享"></a><span>邮件</span>                        </div>                    </div>                    <div class="row">                        <div class="col-xs-1">                        </div>                        <div class="col-xs-10">                            <span id="quxiaoShare">取消分享</span>                        </div>                        <div class="col-xs-1">                        </div>                    </div>                </div>                <div class="col-xs-1">                </div>            </div>        </div>    </div></div><script type="text/javascript">    var content = $("#InvitationCodeNum").text();    window._bd_share_config = {        "common": {            "bdText": "这是分享标题" + content,            "bdMini": "2",            "bdDesc": "这是分享内同" + content,            "bdMiniList": false,            "bdPic": content,            "bdUrl": "Url地址" + content + "&",                 "bdStyle": "1",            "bdSize": "32"        },        "share": {},        "image": {            "viewList": ["qzone", "tsina", "tqq", "renren", "weixin", "tqf", "sqq", "mogujie", "meilishuo", "mail"],            "viewText": "分享到:", "viewSize": "32"        },        "selectShare": {            "bdContainerClass": null,            "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin", "tqf", "sqq", "mogujie", "meilishuo", "mail"]        }    };    with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>

 

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn