主页
加个页面分享下拉选项
标签:, ,

加个页面分享下拉选项

8 Comments 2015年4月17日 互联网, 技术, 有意思的, 网站信息与统计

从 Leonax 的博客发现每篇博客有个分享选项,于是我就看源代码,可是后来发现一般人不太好发现怎么实现的, 用了JQUERY,并且代码是在一个JS文件的最后.索性自己实现,还好不难.

leonax-javascript-share 加个页面分享下拉选项 互联网 技术 有意思的 网站信息与统计

leonax-javascript-share

以上是通过 CHROME 浏览器 选择文字 并且通过 Inspect Element 来看动态生成的页面元素和代码,如果只查看源代码,你只会发现一个空的 span 元素.

其实只要把下面(一目了然)的JS代码放到页面模板中 single.php 就可以:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<script language="Javascript">
function openlink(link) {
    if (link) {
        var title = document.title.split(" | ")[0];
        var url = window.location;
        var x = "";
        if (link == "milnk") {
            x = "http://milnk.com/link/submit?u=" + encodeURIComponent(url) + "&t=" + encodeURIComponent(title);
        }
        else if (link == "wayback") {
            x = "http://web.archive.org/save/" + url;
        }
        if (x) {
            window.open(x);
        }
    }
}
</script>
<select onchange="javascript:openlink(this.value)">
<option selected="">把本文分享到..</option>
<option value="milnk">觅链</option>
<option value="wayback">Wayback Machine</option></select>
<script language="Javascript">
function openlink(link) {
	if (link) {
		var title = document.title.split(" | ")[0];
		var url = window.location;
		var x = "";
		if (link == "milnk") {
			x = "http://milnk.com/link/submit?u=" + encodeURIComponent(url) + "&t=" + encodeURIComponent(title);
		}
		else if (link == "wayback") {
			x = "http://web.archive.org/save/" + url;
		}
		if (x) {
			window.open(x);
		}
	}
}
</script>
<select onchange="javascript:openlink(this.value)">
<option selected="">把本文分享到..</option>
<option value="milnk">觅链</option>
<option value="wayback">Wayback Machine</option></select>

保存模板,删掉缓存, 就有效果了.是不是很简单.像其它分享选项只要按照以上模式,找到分享URL,然后一个一个加到 javascript 里的 if 就可以了, 可以右键查看源代码.

英文同步: https://helloacm.com/how-to-add-a-share-dropdown-menu-after-each-post-javascript/

更新: 01/02/2016 把代码整理了一下放在 github 上: (加入 TUMBLR 和二维码分享选项)

https://github.com/DoctorLai/addthis

使用方法:

1
2
3
4
5
6
7

<script>
var sharedropdown_english = true; // 中文设置为 false
var sharedropdown_rss = null; // 订阅 URL
</script>
<div id="sharedropdown"> </div>
<div id="sharedropdown_qr"> </div>
<script src="https://helloacm.com/js/addthis.js" async></script>
<script>
var sharedropdown_english = true; // 中文设置为 false
var sharedropdown_rss = null; // 订阅 URL
</script>
<div id="sharedropdown"> </div>
<div id="sharedropdown_qr"> </div>
<script src="https://helloacm.com/js/addthis.js" async></script>
GD Star Rating
loading...
本文一共 248 个汉字, 你数一下对不对.
加个页面分享下拉选项. (AMP 移动加速版本)
上一篇: Linux 下 SHELL 变量
下一篇: HP 7 平板 测评
赞赏我的几个理由.
¥ 打赏支持

扫描二维码，分享本文到微信朋友圈
2b9a8247adbb588c34bfe24f8236386b 加个页面分享下拉选项 互联网 技术 有意思的 网站信息与统计

相关文章：

  1. 玩DOTA输了就是在陪别人快乐 很经常, 每天晚上睡觉前总是得来盘DOTA2. DOTA2/刀塔中的天梯(Ranked) 就是排位赛, 你会和你分数相差不多的玩家一起对抗, 5打5, 由于水平差不多所以往往会很刺激. 当然也不排除会碰到猪一样的队友(也许在别人眼中我就是)导致满盘皆输. 玩DOTA输了就是在陪别人快乐, 因为一盘游戏平均1小时, 你玩到最后还输了, 气不气人. 还不如把这时间陪媳妇呢. 不过有时候DOTA的确是挺能让人放松的, 不用思考....
  2. 可以用ChatGPT来轻松转换编程语言 ChatGPT是今年最火的技术，人工智能AI，但是确实来说，是AGI，也就是通用人工智能 Artificial General Intelligence。ChatGPT可以用来做很多事情，我最近发现它可以拿来转换编程语言。比如我想学习一门新语言了，就可以把现有的程序让ChatGPT转换成新的编程语言。或者在力扣上换个新的编程语言学习一下。 下面这个例子ChatGPT转换后的代码我就可以直接在力扣上跑，就通过了所有的测试用例。 网上还有很多不同语言之间的转换工具，相信实现起来都不简单，但是如今有了ChatGPT这个通用人工智能，完全可以套个UI前端就可以实现不同语言之间的转换工具，而且转换逻辑完全不用自己实现，调用ChatGPT的API即可。 英文：Programming Language Conversion Tool based on ChatGPT AI 本文一共...
  3. GAD 7 在线评估 – 您焦虑了么? GAD 是英文 generalised anxiety disorder 的缩写 – 意思是 广泛性焦虑症 人都有烦的时候 我自从买房之后 就压力有点大 有点烦 所以去看了GP 约了心理医生做心理评估....
  4. 如何在服务器重启的时候自动发一推 (IFTTT – Maker 频道)? IFTTT = 如果这样就那样 (If this then that). IFTT是个非常好用而且特别强大的工具 可以把不相关的服务通过接口的形式关联起来. IFTTT 里有一个很强大的频道就是 Maker. 这个频道可以用来通过 URL的方式 触发或者...
  5. 测测你的幸运 – Linux Fortune-Teller LINUX 下有很好很好玩的命令,之前已经介绍过: figlet, rig, curl. 现在推荐另一个 命令 fortune 是用来随机显示一段(句)话的.fortune 在英文里就是幸运的意思. 这个命令可以不需要 参数 如果没有 可以通过 apt-get...
  6. Minuet in C – 小步舞曲C Posted Youtube – 油管地址 孩子弹琴的时候最帅了. 我现在成了我儿子的粉丝了. Eric (Aged 6) is playing “Minuet in C” when...
  7. 新的旅途 – 离别总是伤感的, 离开了一起创业的公司 2周前, 正式离开了一起创业的公司, 这公司是我博士毕业后的第一份正式工作, 待了8年多了, 离别总是伤感的. 我是9月初提的离职, 三个月 Notice Period, 最后的几周交接完工作确实没有什么压力了. 11月30号, 在公司最后一天, 公司有个习惯, 对于 Good...
  8. 智能手机 HTC One M9 使用测评 虽然我对手机要求不高, 远远没有像追求VPS服务器一样, 但是怎么算来两年内换了四个手机, 先是三星 S4 用了一年多, 然后 Nokia Lumia 635 Windows Phone, 后来又是 BLU, 半年多前换了...

8 条评论

  1. Sumhat

    你的眼神真好,这个功能是我两小时之前加的,现在还在完善中.

    Reply
  2. 土木坛子

    你觉得加这个东西真的有什么用吗?

    Reply

评论