文档章节

模拟手机短信发送

f
 feifei080366
发布于 2017/09/08 20:08
字数 296
阅读 6
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #message{
            width:400px;
            height: 400px;
            border:#cccccc solid 1px;
            background-color: #cccccc;
            margin:0 auto;
        }
        .fl,.fr{
           float:none;
        }

        .fl li{
             margin-left: 5px;
            float: left;
            list-style: none;
         }
        .fr li{
            margin-right: 5px;
            float: right;
            list-style: none;
        }
        .fl p{line-height: 28px;
                max-width: 280px;
            background-color: red;
            margin-left: 40px;
        }
        .fr p{line-height: 28px;
            max-width: 280px;
            background-color: red;
            float: right;
        }
        .fr ,.fl{margin-bottom: 5px;}
        .set{
            width: 400px;
            margin:0 auto;
        }
    </style>
</head>
<body>
<div id="message">
    <ul class="fl">
        <li><img src="img1/1.jpg" alt="#"></li>
        <p>发送信息发送信息发送信息发送信息发送信息发送信息</p>
    </ul>
    <ul class="fr">
        <li><img src="img1/2.jpg" alt="#"></li>
        <p>发送信息发送信息发送信息发送信息发送信息发送信息</p>
    </ul>
</div>
<div class="set">
    <span><img src="img1/1.jpg" alt="#" id="img"></span>
    <input type="text" id="text" name="text">
    <input type="button" id="button" value="发送">
</div>
</body>
<script>
    var oImg=document.getElementById("img");
    var text=document.getElementById("text");
    var button=document.getElementById("button");
    var message=document.getElementById("message");
    var fl=document.getElementsByClassName("fl");
    var fr=document.getElementsByClassName("fr");


   var onclickImg=true;
    oImg.onclick=function () {
        if(onclickImg){
            oImg.src="img1/1.jpg";
        }else{
            oImg.src="img1/2.jpg";
        }

        onclickImg=! onclickImg;
    }
    button.onclick=function () {
        if (onclickImg){
            message.innerHTML='<ul class="fl"><li><img src="img1/1.jpg" alt="#"></li>' +
               ' <p>'+text.value+'</p> </ul><br>'+message.innerHTML;
        }else{
            message.innerHTML='<ul class="fr"><li><img src="img1/2.jpg" alt="#"></li>' +
                    ' <p>'+text.value+'</p> </ul><br>'+message.innerHTML;
        }
        onclickImg=! onclickImg;
    text.value='';
    }
</script>
</html>

© 著作权归作者所有

共有 人打赏支持
f
粉丝 0
博文 8
码字总数 1636
作品 0
私信 提问
android学习笔记32--------------实现发送短信并保存到数据库,同时可以获得发送报告和接收报告

SmsManager smsMagager = SmsManager.getDefault(); 先上代码,上述功能实现了Android发送短信到指定号码的功能(sentPI为了获得发送报告的,DeliverPI为了获得对方接受到之后返回的报告的)...

晨曦之光
2012/03/15
0
0
SMS短信通API——(1)Java应用发送手机短信

1. SMS短信通 SMS短信通是中国网建提供的一个发送短信的应用,一般用于企业级用户。本博文介绍如何编写最简单的Hello World级Java程序,实现向指定手机号发送短信的功能。由于SMS短信通是一款...

晨曦之光
2012/04/24
1K
1
安卓平台短信发送功能请教

想要开发一个基于安卓的系统,其中有一个功能是向指定手机发送短信。想请教一下各位高手,这个功能能否实现?是真正发短信而不是模拟。之前听说好像还需要买端口,是这样吗?还是系统本身有开...

rainhappy
2014/02/25
185
2
Android软件开发之发送短信与系统短信库解析(三十)

Android软件开发之发送短信与系统短信库解析 点击发送后,模拟器中就可以看到自己收到了一条消息 发件人的号码为123456 发送内容为hello。收到短信后会将这条信息写入系统的短信库,下面我们...

彭博
2012/03/09
52
0
Android软件开发之发送短信与系统短信库解析(三十)

Android软件开发之发送短信与系统短信库解析 点击发送后,模拟器中就可以看到自己收到了一条消息 发件人的号码为123456 发送内容为hello。收到短信后会将这条信息写入系统的短信库,下面我们...

晨曦之光
2012/03/07
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

SonarQube+Scanners代码质量管理

简介 sonaqube是一个开源代码质量管理平台,致力于持续分析和测量技术质量。 系统构成 SonarQube平台由4部分组成: SonarQube服务器 Web服务器的开发者,管理者,浏览质量快照和配置SonarQu...

阿dai
56分钟前
0
0
mysql-router 8 yum安装

1.配置安装源 #配置MySQL5.7的安装源 #https://repo.mysql.com/mysql57-community-release-el7.rpm #https://repo.mysql.com/mysql57-community-release-el7-11.noarch.rpm rpm -Uvh https:/......

MichaelShu
今天
0
0
     甲骨人-MySQL网络课-day03

===================================================================================== ======================= 第三章 mysql SQL语句 1、mysql接口自带命令 1.1、\h 或 help 或 ? 1.2、......

hnairdb
今天
0
0
Redis异构集群之间数据迁移方案

一、Redis集群迁移工具 最近在做Redis数据迁移,网上找了两款开源的Redis迁移工具。 第一种:redis-port Codis官方提供的一个工具,redis-port是一个Redis工具,通过解析rdb文件,实现Redis...

IT--小哥
今天
3
0
解压zip包(zip4j)

1:引入zip4j_1.3.2.jar 2:源码如下: package test;import java.io.File;import java.io.IOException;import java.util.ArrayList;import java.util.List;import net.lingal......

uug
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部