利用飞信免费发送短信的网页插件---FetionWidget-1.0-beta
2009-10-26 11:29
531 查看
文章来源 javaeye.com
http://www.javaeye.com/topic/491133
最近开发了一款利用飞信免费发送短信的网页插件FetionWidget
下载demo: http://www.jenmy.cn/archives/76
在线demo: http://www.jenmy.cn/archives/76
点击测试页面的免费发送到手机的链接即可
下面是它运行的效果图:
调用这个插件非常简单,只要在页面的head标签内加载一个css文件和一个js文件即可:
Html代码
<!--加载FetionWidget的css样式文件-->
<link rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<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代码
<!--点击本链接,弹出短信到自己手机的输入窗口,不带默认消息-->
<a href="#" class="send-me-link">发消息给自己</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>
点击链接发送短信给好友:
Html代码
<!--点击本链接,弹出短信到好友手机的输入窗口,不带默认消息-->
<a href="#" class="send-friend-link">发给好友</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" >发给好友--带默认消息</a>
完整的测试页面:
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://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<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>
<!--点击本链接,弹出短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>
<br/>
<br/>
<!--点击本链接,弹出短信到好友手机的输入窗口,不带默认消息-->
<a href="#" class="send-friend-link">发给好友</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" >发给好友--带默认消息</a>
</body>
</html>
发送中:
发送完成:
FetionWidget兼容的浏览器: 能正常运行于IE6+,Firefox,Chrome,Safari,Opera等
下载demo: http://www.jenmy.cn/archives/76
在线demo: http://www.jenmy.cn/archives/76
由于这是FetionWidget的第一个测试版本,可能存在一些bug.欢迎大家把bug和改进的建议反馈给我!
Email:nedvedheqing@gmail.com
大小: 7.4 KB
大小: 4.4 KB
大小: 6.4 KB
demo.rar (38.4 KB)
下载次数: 292
http://www.javaeye.com/topic/491133
最近开发了一款利用飞信免费发送短信的网页插件FetionWidget
下载demo: http://www.jenmy.cn/archives/76
在线demo: http://www.jenmy.cn/archives/76
点击测试页面的免费发送到手机的链接即可
下面是它运行的效果图:
调用这个插件非常简单,只要在页面的head标签内加载一个css文件和一个js文件即可:
Html代码
<!--加载FetionWidget的css样式文件-->
<link rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<script type="text/javascript" src="http://fetion.jenmy.cn/js/free-sms-mms-min.js"></script>
<!--加载FetionWidget的css样式文件--> <link rel="stylesheet" type="text/css" href="http://fetion.jenmy.cn/css/free-sms-mms-min.css"/> <!--加载FetionWidget的js脚本文件--> <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代码
<!--点击本链接,弹出短信到自己手机的输入窗口,不带默认消息-->
<a href="#" class="send-me-link">发消息给自己</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>
<!--点击本链接,弹出短信到自己手机的输入窗口,不带默认消息--> <a href="#" class="send-me-link">发消息给自己</a> <!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义--> <a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>
点击链接发送短信给好友:
Html代码
<!--点击本链接,弹出短信到好友手机的输入窗口,不带默认消息-->
<a href="#" class="send-friend-link">发给好友</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" >发给好友--带默认消息</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,不带默认消息--> <a href="#" class="send-friend-link">发给好友</a> <!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义--> <a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" >发给好友--带默认消息</a>
完整的测试页面:
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://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<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>
<!--点击本链接,弹出短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>
<br/>
<br/>
<!--点击本链接,弹出短信到好友手机的输入窗口,不带默认消息-->
<a href="#" class="send-friend-link">发给好友</a>
<!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" >发给好友--带默认消息</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://fetion.jenmy.cn/css/free-sms-mms-min.css"/>
<!--加载FetionWidget的js脚本文件-->
<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>
<!--点击本链接,弹出短信到自己手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义-->
<a href="#" class="send-me-link" defaultMsg="hello,这是传说中的测试信息">发消息给自己--带默认消息</a>
<br/>
<br/>
<!--点击本链接,弹出短信到好友手机的输入窗口,不带默认消息--> <a href="#" class="send-friend-link">发给好友</a> <!--点击本链接,弹出短信到好友手机的输入窗口,带默认消息,默认消息由属性defaultMsg定义--> <a href="#" class="send-friend-link" defaultMsg="hello,这是传说中的测试信息" >发给好友--带默认消息</a>
</body>
</html>
发送中:
发送完成:
FetionWidget兼容的浏览器: 能正常运行于IE6+,Firefox,Chrome,Safari,Opera等
下载demo: http://www.jenmy.cn/archives/76
在线demo: http://www.jenmy.cn/archives/76
由于这是FetionWidget的第一个测试版本,可能存在一些bug.欢迎大家把bug和改进的建议反馈给我!
Email:nedvedheqing@gmail.com
大小: 7.4 KB
大小: 4.4 KB
大小: 6.4 KB
demo.rar (38.4 KB)
下载次数: 292
相关文章推荐
- linux命令行下用Fetion飞信发送免费短信
- 让 PHP 程序利用飞信(Fetion)发免费短信
- PHP免费发送短信代码(利用中国移动飞信)(1/3)
- 使用ASP发送飞信的免费短信
- 程序调用飞信API发送免费短信(JAVA例子,其他语言一样用)
- 使用ASP发送飞信的免费短信
- 飞信发送免费短信的api
- 发送飞信免费短信API
- java利用飞信接口发送短信
- C#通过飞信WebService发送免费短信
- 利用飞信制作免费短信提醒
- 程序调用飞信API发送免费短信(JAVA例子,其他语言一样用)
- JAVA利用飞信接口发送短信
- 系统监控:linux命令行-飞信客户端发送免费报警短信
- 系统监控:linux命令行-飞信客户端发送免费报警短信
- 利用飞信接口发送短信
- 飞信免费发送短信接口
- JAVA利用飞信接口发送短信
- 系统监控:linux命令行-飞信客户端发送免费报警短信