简爱博客
快递信息获取插件
2016-2-2 简爱


公司项目用到的东西,当然也是自己写的,封装成类似插件的东西了,今天才有时间摘出来,主要还是太长时间没有发布文章了 [抠鼻/]



没有别的东西直接贴代码, 代码是需要 jQuery 的,Style 是比着设计图写的没有多复杂 (复杂的也写不出来[左哼哼/])



具体 用法就是页面引入 jQuery + ja.express.js 就完事大吉了



自动绑定 .express 快递信息 通过 data-express_id 指定快递单 data-express_com 指定快递类型
HTML 结构如下







<a class="express" data-express_id="700074134800" data-express_com="圆通">查看快递信息</a>







当然也可以自己调用 showExpress(express_id, express_com) 函数来显示快递信息







DEMO






<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>快递信息获取插件 DEMO</title>
<script src="http://api.asilu.com/cdn/jquery.js"></script>
</head>
<body style="background:#999">

<!-- 代码开始 -->
<script src="http://api.asilu.com/cdn/express.js"></script>
<a class="express" data-express_id="700074134800" data-express_com="圆通">查看快递信息</a>
<!-- 结束 -->

</body>
</html>


查看原 ja.express 源码

评论:
简爱
2016-02-16 19:29 回复
@IT技术宅:说实话我也没仔细测试过,没有那么多单号,常用的没问题
IT技术宅
2016-02-16 16:34 回复
支持几家快递公司?