快递信息获取插件

简爱代码>JavaScript2016-2-2 21:5470902

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

没有别的东西直接贴代码, 代码是需要 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 源码

本文出自简爱博客,转载时请注明出处及相应链接。

评论

  1. IT技术宅2016-02-16 16:34回复

    支持几家快递公司?

    1. 简爱2016-02-16 19:29回复

      @IT技术宅:说实话我也没仔细测试过,没有那么多单号,常用的没问题

发表评论

电子邮件地址不会被公开。必填项已用*标注