js分享功能

    各大网站都提供了分享功能,但是使用它们提供的分享步骤难免有些繁琐,其实内部实现都是一样的,抛开外表看本质。点击分享按钮,看起源码,所有的实现都是这样的

    需要的只是一个url,以及要发表的参数数组

window.share=function(){
	var a=[];
	for(var b in l)
		a.push(b+"="+encodeURIComponent(l[b]));	
	window.open("http://service.weibo.com/share/share.php?"+a.join("&"),"_blank","width=615,height=505")
};

    这里是sina 的分享功能!

    如何实现微信分享了?

    借助百度或者JiaThis,来实现。很简单,复制一下别的网站的代码,轻松解决:比如下面这个网站的:http://36kr.com/p/161946.html

    简单看一下代码实现:

    F12看一下,起作用的就是下面这段代码:

<pre name="code" class="html"><div class="panel mfp-hide" id="panel-weixin">
    <h3>打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮</h3>
    <section class="weixin-section">
        <p><img alt="161946" src="http://s.jiathis.com/qrcode.php?url=http://36kr.com/p/161946.html?via=wechat_qr"></p>
    </section>
</div>

 

    通过JiaThis网站的一张微信图片,后面加上你要分享的参数信息,好了,一个分享完成了。当然,这个源码找的不是很别致,很多js的代码需要自己写。但这也相对的更灵活了,因为大家现在在程序里需要引入的其实就是JiaThis提供的那张图片地址了。


    再看看百度分享,有些时候觉得很蛋痛,那些烦人的自定义图片,很多都被他定义好了,我想改,改起来还不那么顺心。好啦,我直接搬运别人的代码吧:

    找了半天,不太好找,我去,现在的人越来越懒了,直接说明一下原理吧:修改background属性,还有onmouseover,以及onmouseon等等。

   

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值