今天无聊做了一个十二生肖查询器：

预览网址效果：http://hongxing01.hktd02u.me48.com/03Sxcx

源代码下载：http://down.51cto.com/data/1985014

这个Demo的学习很适合php初学者学习，练练手。大神勿喷

每个人都是从初学开始的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <title>生肖查询</title>

        <style>

            *{

                margin:;

                padding:;

            }

            .knr{

                margin: auto;

                padding: auto;

                width:540px;

            }

            .tit{

                background:url('./img/tit.png') no-repeat;

                height:40px;

                padding-top:20px;

                padding-left:20px;

                font:normal bold 12pt serif;

                color:#026ea3;

            }

            .main{

                float:left;

                borde-left:1px solid #a9c9d0;

                border-right:1px solid #a9c9d0;

                border-bottom:1px solid #a9c9d0;

                width:538px;

            }

            .inp{

                float:left;

                width:300px;

                margin-left:20px;

                margin-top:20px;

            }

            .intext{

                width:250px;

                height:25px;

            }

            .bun{

                margin-top:15px;

                margin-left:15px;

            }

            .sximg{

                float:left;

                border:1px solid #a9c9d0;

                width:;

                height:;

               margin-bottom:10px;

            }

        </style>

    </head>

    <body>

        <div class="knr">

            <div class="tit">

                十二生肖查询

            </div>

            <div class="main">

                <div class="inp">

                    <form action="" method="post">

                        <input type="text" name="year" class="intext" value="请输入出行年。如：1993，右侧显示生肖" onfocus="this.value=''">

                        <input type="image" name="submit" class="bun" src="./img/submit.gif">

                        <input type="image" name="reset" class="bun" src="./img/reset.gif">

                    </form>

                </div>

                <div class="res">

<?php

                $year = isset($_REQUEST['year']) ? $_REQUEST['year'] : ;

                if(isset($year)&&($year> && $year<)){

                    $sx = $year % ;

?>

                    <div class="sximg">

                        <img src="./img/<?php echo $sx?>.png" width="">

                    </div>

<?php

                }else{

                    echo '请输入正确的出生年份！';

                }

?>

                </div>

            </div>

        </div>

    </body>

    <script src="http://app.baidu.com/static/appstore/monitor.st"></script>

    <script>

        baidu.app.autoHeight();

        baidu.app.setHeight();

    </script>

</html>

十二生肖查询网页版制作（php）的更多相关文章

  1. 基于HTML5的捕鱼达人游戏网页版

    之前给大家分享了html5实现的水果忍者,愤怒的小鸟,中国象棋游戏.今天给大家分享一款捕鱼达人(fishjoy)网页版游戏的源码.可以在线玩也可以下载到本地.它使用html5技术和javascript ...

  2. Shell脚本生成网页版相册浏览器

    今天学到了一招,那就是使用脚本制作一款网页版相册浏览器.先上图吧. 必备基础 操作系统: 以linux为内核的操作系统都行 编程语言:Shell(bash)脚本,相关基础知识即可 下载工具:wget ...

  3. JavaScript之简易http接口测试工具网页版

    简易http接口测试工具网页版,支持get.post请求,支持json格式消息体,form表单暂不支持. httpClient.html <!DOCTYPE html> <html ...

  4. Java课程寒假之开发记账本软件（网页版）之一

    一.制定网页版记账本的基础功能 首先是下载了几个记账本APP,大致地看了一下记账本的功能:添加记录(支出,收入,自定义模板),查询流水(分类查询),账户. 二.开始做出框架 鉴于记账本有上面的功能,所 ...

  5. wechat 网页版通信全过程

    想要记录总结一下自己在这个小项目中所遇到的坑,以及解决问题的思路. 首先我觉得这个小项目挺有实际市场的,市场上有一定的需求量,这个就是驱动力吧.这个小项目的关键点是wechat网页版通信全过程,讲真挺 ...

  6. Dreamweaver杀手！Illustrator终结者？Flash的末日？图形图像设计程序之网页版

    Dreamweaver杀手!Illustrator终结者?Flash的末日?图形图像设计程序之网页版 阅读:  评论:  作者:Rybby  日期:  来源:rybby.com Adobe 家的 Il ...

  7. 用requests登录微信网页版，并接收发送消息

    首先,网页版微信登录大致分为以下几个流程(都是大家可以通过抓包得到): 1.登陆主页后,会生成一个UUID,这是个用户标识,在后面请求二维码会用到 def get_uuid(self): '''获取u ...

  8. 五大主流数字币钱包：imToken数字货币钱包，Bitcoin core钱包，BTS网页版钱包，AToken轻钱包，Blockchain

    AToken数字货币钱包 超容易上手支持五大主流币种   互联网 | 编辑: 王静涛 2017-12-28 09:58:33转载     国家监管部门已叫停数字货币交易,包括火币网.比特币中国.OKC ...

  9. 微信号网页版api

    Django Wechat Api djangowechatapi是基于wxpy和django制作的web应用 安装 使用pip pip install djangowechatapi 源码安装 gi ...

随机推荐

  1. jQuery用FormData对象实现文件上传以及如何通过ajax下载文件

    之前在Vue的项目里面用到过文件上传,封装好的组件用起来比较顺手,查询Element-UI文档,十八般武器样样都有,一顿操作猛如虎,一看--跑偏了(⊙o⊙)-,我的意思就是用框架实现比较简单,但是如果 ...

  2. 14 并发编程-(协程)-greenlet模块&gevent模块

    1.实现多个任务之间进行切换,yield.greenlet都没有实现检测I/O,greenlet在实现多任务切换下更简单 from greenlet import greenlet def eat(n ...

  3. zk分布式锁-排它锁简单实现-优化版

    package Lock; import java.util.Collection;import java.util.Collections;import java.util.List;import ...

  4. sqlserver job 执行时间

    select instance_id,jh.run_date,jh.job_id,jh.step_name, case jh.run_status then 'failed' then 'Succee ...

  5. unity3d 移动与旋转 1

    移动与旋转 1 player角色随asdw按键左右上下移动并旋转 public void Update() { // Reset player rotation to look in the same ...

  6. Shrio02 Realm作用、自定义简洁Realm、Realm实现类使用

    1 Realm简介 1.1 Realm作用 shiro最终是通过Realm获取安全数据的(如用户.角色.权限),也就是说认证或者授权都会通过Realm进行数据操作 1.2 Realm接口 1.2.1 ...

  7. hack vba password, en useful...

    Unbelivibale, but I found a very simple way that really works! Do the follwoing: 1. Create a new sim ...

  8. 理解数据库中的undo日志、redo日志、检查点

    数据库存放数据的文件,本文称其为data file. 数据库的内容在内存里是有缓存的,这里命名为db buffer.某次操作,我们取了数据库某表格中的数据,这个数据会在内存中缓存一些时间.对这个数据的 ...

  9. LoadRunner--Analysis各项指标详解

    转载 https://blog.csdn.net/liangfengchang/article/details/45070321 一.常用到的性能测试术语 1.事务(Transaction) 在web ...

  10. DataStage 二、InfoSphere Information Server进程的启动和停止

    DataStage序列文章 DataStage 一.安装 1 关于进程需要了解的基础知识 名称 说明 ASB代理进程 通信代理程序,它的作用是协助层与层之间的通信,默认端口是31531,它以后台进程的 ...