文档章节

模拟手机短信发送

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
私信 提问
SMS短信通API——(1)Java应用发送手机短信

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

晨曦之光
2012/04/24
1K
1
网站爬虫及模拟下单(golang, kafka, mysql)

【业务需求】 一、整体功能需求:网站爬虫处理及post 1.简单爬虫及模拟下单(post):A爬虫模块:用Golang程序模拟登录指定的若干个类似网站,每几分钟定时抓取指定一组数据(大概10个数字),把...

greatLIU
2017/02/26
1
0
安卓平台短信发送功能请教

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

rainhappy
2014/02/25
194
2
简单网站爬虫及下单提交 (golang, kafka, mysql)

【业务需求】 一、整体功能需求:网站爬虫处理及post 1.简单爬虫及模拟下单(post):A爬虫模块:用Golang程序模拟登录指定的若干个类似网站,每几分钟定时抓取指定一组数据(大概10个数字),把...

greatDLIU
2017/02/26
2
0
Android软件开发之发送短信与系统短信库解析(三十)

Android软件开发之发送短信与系统短信库解析 雨松MOMO原创文章如转载,请注明:转载自雨松MOMO的博客原文地址:http://blog.csdn.net/xys289187120/article/details/6740933 今天我和同学们讨...

彭博
2012/03/09
68
0

没有更多内容

加载失败,请刷新页面

加载更多

Flask框架web开发:零基础入门

Flask框架是Python开发的一个基于Werkzeug和Jinja 2的web开发微框架,它的优势就是极其简洁,但又非常灵活,而且容易学习和应用。因此Flask框架是Python新手快速开始web开发最好的选择,此外...

笔阁
7分钟前
0
0
VMware前路难测,多个厂家群雄逐鹿

在人们高谈Salesforce、亚马逊等新兴云计算厂商取得的成就时,以VMware、HPE和Cisco为代表的老牌厂商也在进行着自己的转型和变化,而且还取得一定的进展。以VMware为例,虚拟机巨头公布了第二...

linuxCool
10分钟前
0
0
什么是以太坊DAO?(一)

Decentralized Autonomous Organization,简称DAO,以太坊中重要的概念。一般翻译为去中心化的自治组织。 “在区块链上,没有人知道你是一台冰箱”——理查德布朗 到目前为止,我们列出的所有...

geek12345
11分钟前
0
0
linux防火墙操作

一、.对于centos7自带的防火墙的相关指令 #停止firewall systemctl stop firewalld.service #禁止firewall开机启动 systemctl disable firewalld.service #查看firewall的状态 systemctl st......

张锦飞
13分钟前
0
0
Linux 磁盘与磁盘分区

  Linux 系统中所有的硬件设备都是通过文件的方式来表现和使用的,我们将这些文件称为设备文件,硬盘对应的设备文件一般被称为块设备文件。本文介绍磁盘设备在 Linux 系统中的表示方法以及...

SEOwhywhy
23分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部