重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

Wordpress怎么将选中内容分享到新浪微博

时间:2020-09-12 16:00:06 作者:重庆seo小潘 来源:
Wordpress怎么将选中内容分享到新浪微博? 本文实例讲述了Wordpress将选中内容分享到新浪腾讯微博的方法。分享给大家供大家参考。具体方法如下: 推荐:《wordpress教程》 1、引入jQuery,相信大多数WordPress博客都已经引入了jQuery,那就可以直接进行第二步

Wordpress怎么将选中内容分享到新浪微博

Wordpress怎么将选中内容分享到新浪微博?

本文实例讲述了Wordpress将选中内容分享到新浪腾讯微博的方法。分享给大家供大家参考。具体方法如下:

推荐:《wordpress教程》

1、引入jQuery,相信大多数WordPress博客都已经引入了jQuery,那就可以直接进行第二步了.

2、在页面底部,或者更确切的说,在引入jQuery库的后面加上这样一段JS,你就可以看到和本站一样的效果了.

选中即分享的功能看上去比较高级,其实实现是相当简单的,其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过,这个js文字选中后分享到新浪微博的功能我简单的封装了下,方法名是:$sinaMiniBlogShare

实例代码如下:

代码如下:var miniBlogShare = function() { //指定位置驻入节点 $('<img id="imgSinaShare">可以看到$sinaMiniBlogShare方法有两个参数,eleShare和eleContainer,其中,前一个参数是必须的,指的是文字选中后出现的浮动层元素(在本文demo中就是新浪眼睛图标),后面一个参数指文字选择的容器元素,可选参数,如果不设置则指document元素,也就是整个页面文字选中都会触发分享的功能.

假设新浪微博分享图标的HTML如下:

代码如下:<img id="imgSinaShare">则直接使用如下代码:

代码如下:$sinaMiniBlogShare(document.getElementById("imgSinaShare"));希望本文所述对大家的WordPress建站有所帮助。以上就是Wordpress怎么将选中内容分享到新浪微博的详细内容,更多请关注小潘博客其它相关文章!