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

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

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

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

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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4.     <head>
  5.         <meta http-equiv="content-type" content="text/html; charset=utf-8">
  6.         <title>生肖查询</title>
  7.         <style>
  8.             *{
  9.                 margin:;
  10.                 padding:;
  11.             }
  12.             .knr{
  13.                 margin: auto;
  14.                 padding: auto;
  15.                 width:540px;
  16.             }
  17.             .tit{
  18.                 background:url('./img/tit.png') no-repeat;
  19.                 height:40px;
  20.                 padding-top:20px;
  21.                 padding-left:20px;
  22.                 font:normal bold 12pt serif;
  23.                 color:#026ea3;
  24.             }
  25.             .main{
  26.                 float:left;
  27.                 borde-left:1px solid #a9c9d0;
  28.                 border-right:1px solid #a9c9d0;
  29.                 border-bottom:1px solid #a9c9d0;
  30.                 width:538px;
  31.             }
  32.             .inp{
  33.                 float:left;
  34.                 width:300px;
  35.                 margin-left:20px;
  36.                 margin-top:20px;
  37.             }
  38.             .intext{
  39.                 width:250px;
  40.                 height:25px;
  41.             }
  42.             .bun{
  43.                 margin-top:15px;
  44.                 margin-left:15px;
  45.             }
  46.             .sximg{
  47.                 float:left;
  48.                 border:1px solid #a9c9d0;
  49.                 width:;
  50.                 height:;
  51.                margin-bottom:10px;
  52.             }
  53.         </style>
  54.     </head>
  55.     <body>
  56.         <div class="knr">
  57.             <div class="tit">
  58.                 十二生肖查询
  59.             </div>
  60.             <div class="main">
  61.                 <div class="inp">
  62.                     <form action="" method="post">
  63.                         <input type="text" name="year" class="intext" value="请输入出行年。如：1993，右侧显示生肖" onfocus="this.value=''">
  64.                         <input type="image" name="submit" class="bun" src="./img/submit.gif">
  65.                         <input type="image" name="reset" class="bun" src="./img/reset.gif">
  66.                     </form>
  67.                 </div>
  68.                 <div class="res">
  69. <?php
  70.                 $year = isset($_REQUEST['year']) ? $_REQUEST['year'] : ;
  71.                 if(isset($year)&&($year> && $year<)){
  72.                     $sx = $year % ;
  73. ?>
  74.                     <div class="sximg">
  75.                         <img src="./img/<?php echo $sx?>.png" width="">
  76.                     </div>
  77. <?php
  78.                 }else{
  79.                     echo '请输入正确的出生年份！';
  80.                 }
  81. ?>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </body>
  86.     <script src="http://app.baidu.com/static/appstore/monitor.st"></script>
  87.     <script>
  88.         baidu.app.autoHeight();
  89.         baidu.app.setHeight();
  90.     </script>
  91. </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. 26.OGNL与ValueStack(VS)-N语法top语法

    转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html N语法[0]:<s:property value="[0]& ...

  2. 迷你MVVM框架 avalonjs 1.2.4发布

    这段时间一直忙于建立avalon的单元测试,与重构官网.对avalon的更新都是来自公司内部的需求,性能优化与一些BUG修复. 添加大量调试日志. 重构shimController,以提高性能. cr ...

  3. 新手C#面向对象的学习2018.08.06

    class Person//声明一个Person类 { //类中的声明与Main中不同,类中声明的是字段而不是函数. public string gender; public string name= ...

  4. 【读书笔记】《Python_Cookbook3》第一章：数据结构和算法

      Python提供了多样化有用的内建数据结构,例如列表.集合.字典.大多数时候,这些结构的使用比较简单,然后,一些关于搜索.排序.过滤的常见问题经常出现.本章节的目标是讨论常见的数据结构,以及涉及到 ...

  5. bloom

    bloom bloom也能实现和HDR类似的效果,但bloom的是静态的,HDR是动态渐变的, bloom在细节表现.明暗对比不如HDR,但实现HDR效果的系统资源开销也比 bloom大,bloom也 ...

  6. 微信小程序地图之逆地理编码

    首先说一下,我微信自带map的api中并没有相关接口可调用.文中的方法建立于高德地图.(顺便吐槽,微信开发文档相比支付宝家的显得好烂!) 最近做项目用到地图定位相关的需求,为了搞定需求看了下相关的文档 ...

  7. 自己动手搭建Git服务器-Gitblit

      首先到官网http://gitblit.com/下载最新版本的Gitblit GO 解压缩到本地目录中 E:\git\gitblit132 官方文档:http://gitblit.com/setu ...

  8. Linux addr2line命令

    一.简介 Addr2line (它是标准的 GNU Binutils 中的一部分)是一个可以将指令的地址和可执行映像转换成文件名.函数名和源代码行数的工具.这种功能对于将跟踪地址转换成更有意义的内容来 ...

  9. YUI前端优化之javascript,css篇

    三.JavaScript和CSS篇 JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:CSS:把样式表置于顶部避免使用CSS表达式(Expression) ...

  10. 使用windows server2012时FileZilla客户端连接时报150 Opening data channel for directory listing of "/" 响应:425 Can't open data connection

    425 Can't open data connection 和 读取目录列表失败 问题解决 这个问题主要是由于使用Passive Mode模式造成的,解决这个问题很简单: 1.在ftp服务软件中设置 ...