http://www.javaeye.com/topic/491133
FetionWidget 是一款嵌入网页的飞信插件,可以实现免费给自己和好友发送消息功能。使用简单,只要在页面里嵌入一行js代码和一行css代码即可实现发送短信的功能。
当前版本FetionWidget-1.2-beta,相比1.1beta增加了更多的自定义功能!
下载demo: FetionWidget-1.2-demo
下面是它运行的效果图:
调用这个插件非常简单,只要在页面的head标签内加载一个css文件和一个js文件即可:
- <!--加载FetionWidget的css样式文件-->
- <link rel="stylesheet" type="text/css" href="http://fx1.im-sh.com:7070/css/free-sms-mms-min.css"/>
- <!--加载FetionWidget的js脚本文件-->
- <script type="text/javascript" src="http://fx1.im-sh.com:7070/js/free-sms-mms-min.js"></script>
<!--加载FetionWidget的css样式文件-->
<link rel="stylesheet" type="text/css" href="http://fx1.im-sh.com:7070/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<script type="text/javascript" src="http://fx1.im-sh.com:7070/js/free-sms-mms-min.js"></script>
然后放置一个可点击的超链接或者按钮,该超链接和按钮必须使用属性class="send-me-link" 或者class="send-friend-link" ,并且必须使用属性agentNo="飞信授权码",如果你们网站还没有获取飞信授权码,请联系QQ:364536235(验证消息:飞信授权码)或Email:nedvedheqing@im-sh.com,其他属性可以不使用。例程如下:
点击链接发给短信给自己:
- <!--点击本链接,弹出发短信到自己手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-me-link" agentNo="sms_mms_3193282933465536">发消息给自己</a>
- <!--点击本链接,弹出发短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的用户手机号由属性defaultMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" agentNo="sms_mms_3193282933465536" >发消息给自己--带默认消息</a>
<!--点击本链接,弹出发短信到自己手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-me-link" agentNo="sms_mms_3193282933465536">发消息给自己</a>
<!--点击本链接,弹出发短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的用户手机号由属性defaultMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" agentNo="sms_mms_3193282933465536" >发消息给自己--带默认消息</a>
点击链接发送短信给好友:
- <!--点击本链接,弹出发短信到好友手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-friend-link" agentNo="sms_mms_3193282933465536"
- >发给好友</a>
- <!--点击本链接,弹出发短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的短信发送者手机号由属性defaultMobile定义,默认的好友手机号由属性defaultFriendMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" defaultFriendMobile="13680862322" agentNo="sms_mms_3193282933465536">发给好友--带默认消息</a>
<!--点击本链接,弹出发短信到好友手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-friend-link" agentNo="sms_mms_3193282933465536"
>发给好友</a>
<!--点击本链接,弹出发短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的短信发送者手机号由属性defaultMobile定义,默认的好友手机号由属性defaultFriendMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" defaultFriendMobile="13680862322" agentNo="sms_mms_3193282933465536">发给好友--带默认消息</a>
完整的测试页面:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>利用飞信免费发送短信的网页插件---FetionWidget</title>
- <!--加载FetionWidget的css样式文件-->
- <link rel="stylesheet" type="text/css" href="http://fx1.im-sh.com:7070/css/free-sms-mms-min.css"/>
- <!--加载FetionWidget的js脚本文件-->
- <script type="text/javascript" src="http://fx1.im-sh.com:7070/js/free-sms-mms-min.js"></script>
- </head>
- <body>
- <!--点击本链接,弹出发短信到自己手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-me-link" agentNo="sms_mms_3193282933465536">发消息给自己</a>
- <!--点击本链接,弹出发短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的用户手机号由属性defaultMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" agentNo="sms_mms_3193282933465536" >发消息给自己--带默认消息</a>
- <br/>
- <br/>
- <!--点击本链接,弹出发短信到好友手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-friend-link" agentNo="sms_mms_3193282933465536">发给好友</a>
- <!--点击本链接,弹出发短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的短信发送者手机号由属性defaultMobile定义,默认的好友手机号由属性defaultFriendMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
- <a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" defaultFriendMobile="13680862322" agentNo="sms_mms_3193282933465536">发给好友--带默认消息</a>
- </body>
- </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>利用飞信免费发送短信的网页插件---FetionWidget</title>
<!--加载FetionWidget的css样式文件-->
<link rel="stylesheet" type="text/css" href="http://fx1.im-sh.com:7070/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<script type="text/javascript" src="http://fx1.im-sh.com:7070/js/free-sms-mms-min.js"></script>
</head>
<body>
<!--点击本链接,弹出发短信到自己手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-me-link" agentNo="sms_mms_3193282933465536">发消息给自己</a>
<!--点击本链接,弹出发短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的用户手机号由属性defaultMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" agentNo="sms_mms_3193282933465536" >发消息给自己--带默认消息</a>
<br/>
<br/>
<!--点击本链接,弹出发短信到好友手机的输入窗口,不带默认消息,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-friend-link" agentNo="sms_mms_3193282933465536">发给好友</a>
<!--点击本链接,弹出发短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义,默认的短信发送者手机号由属性defaultMobile定义,默认的好友手机号由属性defaultFriendMobile定义,属性agentNo是我们分配给调用网站的飞信授权码,不能为空,如果没有,请与我们联系-->
<a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" defaultMobile="13764367181" defaultFriendMobile="13680862322" agentNo="sms_mms_3193282933465536">发给好友--带默认消息</a>
</body>
</html>
发送中:
发送完成:
FetionWidget兼容的浏览器: 能正常运行于IE6+,Firefox,Chrome,Safari,Opera等,另外由于ie6对iframe的支持存在bug,所以短信发送窗口在ie6浏览器下是直接弹出窗口,其他浏览器下是弹出div的形式.
下载demo: FetionWidget-1.2-demo