一种牛逼的网站分享插件实现

简介: 网站分享插件,网上一大堆,只不过都需要集成别人封装好的或者自己挨个把每家的都实现一遍,相当麻烦。 这里推荐一种另辟蹊径的实现方式:   来自: https://tumutanzi.com/archives/11987   总而言之,一句话,直接在标签里面href加上js代码,就能实现分享网站的效果了.

网站分享插件,网上一大堆,只不过都需要集成别人封装好的或者自己挨个把每家的都实现一遍,相当麻烦。

这里推荐一种另辟蹊径的实现方式:

 

来自: https://tumutanzi.com/archives/11987

 

总而言之,一句话,直接在<a>标签里面href加上js代码,就能实现分享网站的效果了.

 

如下:

 

<!-- 社会化分享 -->
                <ul>
                    <li><a href="javascript:var d=document,f='https://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1378393915&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)"><i class="fa fa-facebook"></i></a></li>

                    <li><a href="javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('https://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1' );E=F.createElement('script');E.src='https://platform.twitter.com/bookmarklets/share.js?v=1' ;F.getElementsByTagName('head')[0].appendChild(E)}());"><i class="fa fa-twitter"></i></a></li>

                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    <li><a href="javascript:void(window.open('https://plus.google.com/share?ur\l='+encodeURIComponent(location), 'Share to Google+','width=600,height=460,menubar=no,location=no,status=no'));"><i class="fa fa-google-plus"></i></a></li>
                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                </ul>
            </div> <!-- .social-icons -->
        </div> <!-- .sidebar-menu -->

 

目录
相关文章
|
5月前
|
存储 安全 数据库
Duplicator插件
【6月更文挑战第5天】Duplicator插件
51 2
|
SQL 人工智能 JSON
插件
待确定推荐 • Grazie Professional
103 0
|
开发工具
ideaVim插件的使用
ideaVim插件的使用
118 0
Wordpress定制开发如何添加插件?
Wordpress定制开发如何添加插件? 要在 WordPress 中添加插件,请按照以下步骤操作: 登录 WordPress 后台,进入“插件”菜单。 点击“添加新插件”按钮,您将看到一个搜索框和一些推荐插件。
|
JavaScript 前端开发 API
|
自然语言处理 前端开发 JavaScript
5个最佳WordPress广告插件
5个最佳WordPress广告插件
373 0
|
XML 大数据 数据格式
ExcelDataReader插件的使用
ExcelDataReader插件的使用
355 0
【网址】第三方代码插件
【网址】第三方代码插件
107 0
|
数据可视化 JavaScript IDE
我个人中意的VS2017/VS2019插件,推荐给大家(#^.^#)(1)
我个人中意的VS2017/VS2019插件,推荐给大家(#^.^#)
1270 0
我个人中意的VS2017/VS2019插件,推荐给大家(#^.^#)(1)