利用飞信免费发送短信的网页插件---FetionWidget-1.0-beta

客官°小女子只卖身不卖艺 2022-08-03 11:45 137阅读 0赞

文章来源 javaeye.com

[http://www.javaeye.com/topic/491133][http_www.javaeye.com_topic_491133]

最近开发了一款利用飞信免费发送短信的网页插件FetionWidget

**下载demo:**  [http://www.jenmy.cn/archives/76][http_www.jenmy.cn_archives_76]

**在线demo:**  [http://www.jenmy.cn/archives/76][http_www.jenmy.cn_archives_76]

点击测试页面的免费发送到手机的链接即可

**下面是它运行的效果图：**

![feixin1.gif][]

**调用这个插件非常简单，只要在页面的head标签内加载一个css文件和一个js文件即可：**

Html代码 [![复制代码][icon_copy.gif]][http_www.javaeye.com_topic_491133]

1.    
2.  **<link** rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"**/>**  
3.    
4.  **<script** type="text/javascript" src="http://fetion.jenmy.cn/js/free-sms-mms-min.js"**></script>**

<link rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
    
    <script type="text/javascript" src="http://fetion.jenmy.cn/js/free-sms-mms-min.js"></script>

然后放置一个可点击的超链接或者按钮，该超链接和按钮必须使用属性**class="send-me-link"** 或者**class="send-friend-link"** ,说明如下：

**点击链接发给短信给自己：**

Html代码 [![复制代码][icon_copy.gif]][http_www.javaeye.com_topic_491133]

1.    
2.  **<a** href="\#" class="send-me-link"**>**发消息给自己**</a>**  
3.    
4.  **<a** href="\#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息"**>**发消息给自己--带默认消息**</a>**

<a href="#" class="send-me-link">发消息给自己</a>
    
    <a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>

**  点击链接发送短信给好友：**

Html代码 [![复制代码][icon_copy.gif]][http_www.javaeye.com_topic_491133]

1.    
2.  **<a** href="\#" class="send-friend-link"**>**发给好友**</a>**  
3.    
4.  **<a** href="\#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息"  **>**发给好友--带默认消息**</a>**

<a href="#" class="send-friend-link">发给好友</a>
    
    <a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息"  >发给好友--带默认消息</a>

** 完整的测试页面：**

Html代码 [![复制代码][icon_copy.gif]][http_www.javaeye.com_topic_491133]

1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"**>**  
2.  **<html** xmlns="http://www.w3.org/1999/xhtml"**>**  
3.  **<head>**  
4.  **<meta** http-equiv="Content-Type" content="text/html; charset=utf-8" **/>**  
5.  **<title>**利用飞信免费发送短信的网页插件---FetionWidget**</title>**  
6.    
7.  **<link** rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"**/>**  
8.    
9.  **<script** type="text/javascript" src="http://fetion.jenmy.cn/js/free-sms-mms-min.js"**></script>**  
10. **</head>**  
11. **<body>**  
12.   
13. **<a** href="\#" class="send-me-link"**>**发消息给自己**</a>**  
14.   
15. **<a** href="\#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息"**>**发消息给自己--带默认消息**</a>**    
16.   **<br/>**  
17.  **<br/>**  
18.   
19. **<a** href="\#" class="send-friend-link"**>**发给好友**</a>**  
20.   
21. **<a** href="\#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息"  **>**发给好友--带默认消息**</a>**  
22. **</body>**  
23. **</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>
    
    <link rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
    
    <script type="text/javascript" src="http://fetion.jenmy.cn/js/free-sms-mms-min.js"></script>
    </head>
    <body>
    
    <a href="#" class="send-me-link">发消息给自己</a>
    
    <a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a> 
      <br/>
     <br/>
    
    <a href="#" class="send-friend-link">发给好友</a>
    
    <a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息"  >发给好友--带默认消息</a>
    </body>
    </html>

**发送中：**

![feixin2.gif][]

**发送完成：**

![feixin3.gif][]

**FetionWidget兼容的浏览器:** 能正常运行于IE6+,Firefox,Chrome,Safari,Opera等

**下载demo:**  [http://www.jenmy.cn/archives/76][http_www.jenmy.cn_archives_76]

**在线demo:**  [http://www.jenmy.cn/archives/76][http_www.jenmy.cn_archives_76]

由于这是FetionWidget的第一个测试版本，可能存在一些bug.欢迎大家把bug和改进的建议反馈给我！

Email:nedvedheqing@gmail.com

*  [![点击查看原始大小图片][5f51b0bd-bb2c-3334-8d02-acdbd9b0725d-thumb.gif]][5f51b0bd-bb2c-3334-8d02-acdbd9b0725d-thumb.gif 1]
 *  大小: 7.4 KB

*  [![点击查看原始大小图片][3d7cad70-0339-3131-8353-f0268f81630e-thumb.gif]][3d7cad70-0339-3131-8353-f0268f81630e-thumb.gif 1]
 *  大小: 4.4 KB

*  [![点击查看原始大小图片][0470a28c-329f-339e-8612-f2b58efd995a-thumb.gif]][0470a28c-329f-339e-8612-f2b58efd995a-thumb.gif 1]
 *  大小: 6.4 KB

*  [demo.rar][] (38.4 KB)
 *  下载次数: 292

[http_www.javaeye.com_topic_491133]: http://www.javaeye.com/topic/491133
[http_www.jenmy.cn_archives_76]: http://www.jenmy.cn/archives/76
[feixin1.gif]: /images/20220731/84f01c40c5eb46f0bb58f3644446048d.png
[icon_copy.gif]: http://www.javaeye.com/images/icon_copy.gif
[feixin2.gif]: /images/20220731/d67bd626ba464fcaa3ea3b78e39e2345.png
[feixin3.gif]: /images/20220731/2bfa721fc651469898962a2974d693d1.png
[5f51b0bd-bb2c-3334-8d02-acdbd9b0725d-thumb.gif]: http://dl.javaeye.com/upload/attachment/156515/5f51b0bd-bb2c-3334-8d02-acdbd9b0725d-thumb.gif
[5f51b0bd-bb2c-3334-8d02-acdbd9b0725d-thumb.gif 1]: http://dl.javaeye.com/upload/attachment/156515/5f51b0bd-bb2c-3334-8d02-acdbd9b0725d.gif
[3d7cad70-0339-3131-8353-f0268f81630e-thumb.gif]: http://dl.javaeye.com/upload/attachment/156517/3d7cad70-0339-3131-8353-f0268f81630e-thumb.gif
[3d7cad70-0339-3131-8353-f0268f81630e-thumb.gif 1]: http://dl.javaeye.com/upload/attachment/156517/3d7cad70-0339-3131-8353-f0268f81630e.gif
[0470a28c-329f-339e-8612-f2b58efd995a-thumb.gif]: http://dl.javaeye.com/upload/attachment/156519/0470a28c-329f-339e-8612-f2b58efd995a-thumb.gif
[0470a28c-329f-339e-8612-f2b58efd995a-thumb.gif 1]: http://dl.javaeye.com/upload/attachment/156519/0470a28c-329f-339e-8612-f2b58efd995a.gif
[demo.rar]: http://dl.javaeye.com/topics/download/a2e5d7e5-b3be-3354-8079-3914d5cd91a0