• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

    Wordpress将选中内容分享到新浪腾讯微博的方法

    发布者: 晋3555 | 发布时间: 2025-6-19 12:12| 查看数: 42| 评论数: 0|帖子模式

    本文实例讲述了Wordpress将选中内容分享到新浪腾讯微博的方法。分享给大家供大家参考。具体方法如下:
    1、引入jQuery,相信大多数WordPress博客都已经引入了jQuery,那就可以直接进行第二步了.
    2、在页面底部,或者更确切的说,在引入jQuery库的后面加上这样一段JS,你就可以看到和本站一样的效果了.
    选中即分享的功能看上去比较高级,其实实现是相当简单的,其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过,这个js文字选中后分享到新浪微博的功能我简单的封装了下,方法名是sinaMiniBlogShare
    实例代码如下:
    <blockquote><ol>var miniBlogShare = function() {  
    //指定位置驻入节点  
    $('
    ').appendTo('body');  
     
    //默认样式  
    $('.img_share').css({  
    display : 'none',  
    position : 'absolute',  
    cursor : 'pointer'  
    });  
     
    //选中文字  
    var funGetSelectTxt = function() {  
    var txt = '';  
    if(document.selection) {  
    txt = document.selection.createRange().text;  
    } else {  
    txt = document.getSelection();  
    }  
    return txt.toString();  
    };  
     
    //选中文字后显示微博图标  
    $('html,body').mouseup(function(e) {  
    if (e.target.id == 'imgSinaShare' || e.target.id == 'imgQqShare') {  
    return  
    }  
    e = e || window.event;  
    var txt = funGetSelectTxt(),  
    sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0,  

    left = (e.clientX - 40 

    最新评论

    浏览过的版块

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表