再改外链转换工具

作者:matrix 被围观: 10,712 次 发布时间:2014-02-04 分类:零零星星 | 33 条评论 »

这是一个创建于 3943 天前的主题,其中的信息可能已经有所发展或是发生改变。

感觉以前的界面按钮有些小,正好改成3.0.3的css前端框架试试~。

web app新界面

>>外链转换工具

资源 :

Bootstrap中文网: http://www.bootcss.com/  里面各种开源,各种介绍~

百度CDN公共库:http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs

用的其中Bootstrap v3.0.3:http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css

UI变动:
用Bootstrap v3.0.3就变成了响应式布局的,很不错。手机上操作方便,只是很少能用到。

提交按钮变到输入框旁。

把以前的input状态栏改为span。

状态栏下方的外链地址列表改为倒序排列,不用每次都滚动条。用JQ的insertAfter()方法解决。

右边增加zClip的复制功能(没错,就是那No.XX),方便各种懒。

for(i=0;i<url.length;i++){
if (url[i]=='') {continue;};
$("
<div class="\"><input id="\" class="\" name="\" type="\" value="\" /><span id="\" class="\">No."+eval(sumu + t)+"</span></div>
").insertAfter("#status");//JQ方法
$("#anniu").zclip({path:"http://pan.baidu.com/res/static/images/ZeroClipboard10.swf",copy:encodeURI(url[i]),afterCopy:function(){$(this).css("color","#777");$(this).text("已复制")}});//AJAX后加载.zclip方法
}

//AJAX输出后马上加载zclip方法,包含在输出列表的for循环里面。正如上面第4行就是zClip的复制功能代码。

参考:wordpress中ZeroClipboard实现js+flash跨浏览器剪切板复制粘贴

顺手扒下来百度网盘复制功能的zClip flash:http://pan.baidu.com/res/static/images/ZeroClipboard10.swf 这文件不大,用度娘的就免的再上传了。
还有就是在很多a标签的情况下,以前用onclick="return addcon('http://pan.baidu.com/s/13isoZ')"来取的文本内容。

function addcon(nr) {
document.getElementById("pan_url").value = nr;
}

jquery实现更简单。javascript标签中放代码:

$(document).ready(function(){
$(document).on("click","div#dizhi a",function(){
var lu = $(this).text();
document.getElementById("pan_url").value = lu;
});
})

其中第2行的“div#dizhi a”,表示选择范围是id为"dizhi"的div标签里面的a标签。现在就不用添加很多id、onclick,直接a标签包含需要获取的内容。哇咔咔 超级方便。
嗯,主要改了这些。看起来还不错。
MP3:

其他文章:
本文固定链接:https://www.hhtjim.com/change-again-outside-chain-conversion-tool.html
matrix
本文章由 matrix 于2014年02月04日发布在零零星星分类下,目前没有通告,你可以至底部留下评论。
转载请注明:再改外链转换工具-HHTjim'S 部落格
关键字:, , , , , , , , ,

有33 条评论 »

  1. 追梦人 追梦人 2018-3-30 19:30:34 +0800#20

    希望你的外链解析一直长久下去,不行我可以赞助你啊

    • matrix matrix 2018-3-31 23:28:41 +0800

      😆 😆 哈哈 谢谢~ 要是有人赞助我也考虑放个二维码。。。
      link站从13年的大一到现在都快5年了~ 现在上班就没时间折腾。我是念旧的人 希望可以长久下去~

  2. 阿卡 阿卡 2016-11-12 21:08:36 +0800#19

    这个很棒呀
    站长不能开源一下吗

  3. 哈哈大笑 哈哈大笑 2016-2-3 12:53:42 +0800#18

    好像挂掉了

  4. 广告论坛 广告论坛 2015-5-9 9:58:49 +0800#17

    不错,支持

  5. 虚度 虚度 2015-1-29 10:23:27 +0800#16

    这个源码能不能分享啊 老大 😆

    • Matrix Matrix 2015-1-29 17:46:48 +0800

      这个工具是之前自己用的,现在更新也是提供给需要的人。不会公开全部的源码。。。
      如果你需要哪些解析源码 可试着搜索

  6. suyou suyou 2014-11-9 12:19:39 +0800#15

    😛 0 0好赞噢。 虽然这些东西不太懂,但是外链工具,帮了我很大的忙,谢谢你啊。0 0

  7. 小强 小强 2014-9-28 17:39:42 +0800#14

    老大可以给我一份么?小弟急需!

  8. Mr.L Mr.L 2014-4-16 0:04:26 +0800#13

    现在360云盘一定要有密码了,求更新云盘直连

  9. mooc mooc 2014-3-20 12:46:19 +0800#12

    😉 不错

  10. 小新 小新 2014-2-11 16:29:19 +0800#11

    不错哦 呵呵

添加新评论 »

 🙈 😱 😂 😛 😭 😳 😀 😆 👿 😉 😯 😮 😕 😎 😐 😥 😡 😈 💡

插入图片

NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!