黑马程序员技术交流社区

标题: 07 [打印本页]

作者: emmm...    时间: 2018-1-8 21:55
标题: 07
<!DOCTYPE html>
<html>

        <head>
                <meta charset="UTF-8">
                <title></title>
                <style>
                        .a {
                                width: 100%;
                                border: 0px solid black;
                                float: left;
                        }
                       
                        foot {
                                color: red;
                                font-size: 100px;
                                position: absolute;
                                left: 600px;
                                top: 200px;
                        }
                </style>
                <script>
                       
                        function checkFrom() {
                                        var username = document.getElementById("username").value;
                                        if(username == "") {
                                                alert("用户名不能为空!");
                                                return false;
       
                                        }
                                       
                                        var passwork = document.getElementById("passwork").value;
                                        if(passwork == "") {
                                                alert("密码不能为空");
                                                return false;
       
                                        }
       
                                        var epasswork = document.getElementById("epasswork").value;
                                        if(epasswork != passwork) {
                                                alert("输入的两次密码不一致");
                                                return false;
                                        }
                                        return true;

                                }
                        var num = 1;

                        function show1(a) {
                                num = num + a;
                                if(num < 1) {
                                        num = 10;
                                }
                                if(num > 10) {
                                        num = 1;
                                }
                                var i = document.getElementById("l1");
                                i. src = num + ".jpg";
                                var time = 10;
                        }
                        var s;

                        function show() {
                               
                                s = setInterval("print()",500);
                        }
                        var time=10;

                        function print() {
                                var f2 = document.getElementById("i2");
                                time--;
                                if(time == 0) {
                                        time=10;
                                        f2.src=time+".jpg";
                                } else {
                                        f2.src=time+".jpg";
                                }
                        }
                        function tips(id,content){
                                document.getElementById(id+"span").innerHTML="<font color='red'>"+content+"</font>";
                        }
                        function checkusername(){
                                document.getElementById("usernamespan").innerHTML="<font color='green'>用户名可以使用</font>"
                        }
                        function mima(){
                                document.getElementById("passworkspan").innerHTML="<font color='green'>密码可以使用</font>"
                        }
                </script>
        </head>

        <body background="5.jpg">
                <div class="a" style="height: 50px;">
                        <div class="a" style="width: 33%; height: 100%;"><img src="10.jpg" width="100%" height="100%" /></div>
                        <div class="a" style="width: 33%; height: 100%;"><img src="8.jpg" width="100%" height="100%" /></div>

                        <div style="padding-top: 20px;">
                                <a href="1.jpg">登陆</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="1.jpg">登陆</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="1.jpg">登陆</a>
                        </div>
       
                </div>
                <div  style="clear: both;"></div>
                <div  style="border: 0px solid red; width: 100%;height: 300px; background: url(10.jpg);">
                        <div style="float: left; width: 80%; height: 200px; margin-left: 500px; ">
                                <form action="lx1.html" method="post">
                                        <table bgcolor="aliceblue" style=" margin-top: 100px;">
                                                <tr>
                                                        <td>用户名</td>
                                                        <td>
                                                                <input type="text" name="username" id="username"/><span id=usernamespan ></span>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>密码</td>
                                                        <td>
                                                                 <input type="password" name="passwork" id="passwork"  onfocus="tips('passwork','密码至少需要6位')" /><span id=passworkspan  ></span>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>确认密码</td>
                                                        <td>
                                                                <input type="password" name="epasswork" id="epasswork"  />
                                                                <span id=spasswork></span>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>邮箱</td>
                                                        <td>
                                                                <input type="email" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>性别</td>
                                                        <td>
                                                                男<input type="radio" name="1" value="" />女<input type="radio" name="1" value="" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>爱好</td>
                                                        <td>
                                                                游戏<input type="checkbox" name="1" value="" />数据<input type="checkbox" name="1" value="" />电脑<input type="checkbox" name="1" value="" />笔记本<input type="checkbox" name="1" value="" />游山玩水<input type="checkbox" name="1" value="" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>
                                                                <input type="submit" value="提交申请" />
                                                        </td>
                                                </tr>
                                        </table>
                                </form>
                        </div>
                </div>
                <div style="clear: both;"></div>
                <div style="width: 100%;height: 40px; border: 0px solid black;">
                        <a href="4.jpg"><b>咨询</b></a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="4.jpg"><b>服务</b></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="4.jpg"><b>售后        </b></a>
                </div>
                <!--<div>
                        <img src="1.jpg" width="500Ppx" height="200px" id="l1"/>
                </div>
                <a href="#">上一个&lt;&lt;</a>|<a href="#">下一个&gt;&gt;</a>
               
                <div>-->
                        <img src="1.jpg" width="500Ppx" height="200px" id="i2" border="0px" style="margin-left: 400px;" />
                </div>
        </body>
</html>


作者: 1414225997    时间: 2018-1-9 09:06
66666666666666
作者: 花开的季节    时间: 2018-1-9 11:10
满满的代码啊
作者: 陈文老师    时间: 2018-1-9 13:07
看着你们这么坚持,我都好感动!加油
作者: xiongliu    时间: 2018-1-9 16:27
漫长的学习,还是4个月呢
作者: xiongliu    时间: 2018-1-11 17:16

期待继续更新~~~
作者: emmm...    时间: 2018-1-11 21:56
xiongliu 发表于 2018-1-11 17:16
期待继续更新~~~

自从打完代码发现,这些代码真少。
作者: emmm...    时间: 2018-1-11 21:57
xiongliu 发表于 2018-1-9 16:27
漫长的学习,还是4个月呢

还在水深火热中残喘四个多月
作者: xiongliu    时间: 2018-1-12 09:01
emmm... 发表于 2018-1-11 21:57
还在水深火热中残喘四个多月

开心点,,,
作者: emmm...    时间: 2018-1-12 21:41
xiongliu 发表于 2018-1-12 09:01
开心点,,,

吸烟有害身体健康~
天 慢慢的 昏沉,
只 剩下你 一人,
指间的烟 渐 渐 麻 痹 你的 双眼~~





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2