设为首页 收藏本站
查看: 1877|回复: 0

[经验分享] 十二生肖查询网页版制作(php)

[复制链接]

尚未签到

发表于 2015-8-26 14:23:44 | 显示全部楼层 |阅读模式
  今天无聊做了一个十二生肖查询器:
  预览网址效果:http://hongxing01.hktd02u.me48.com/03Sxcx
  源代码下载:http://down.iyunv.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:0;
  padding:0;
  }
  .knr{
  margin:0 auto;
  padding:0 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;
  border-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:170;
  height:170;
  
  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,右侧显示生肖" >
  <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'] : 1993;
  if(isset($year)&&($year>1902 && $year<2112)){
  $sx = $year % 12;
  ?>
  <div class="sximg">
  <img src="./img/<?php echo $sx?>.png" width="150">
  </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(200);
  </script>
  
  </html>

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-104546-1-1.html 上篇帖子: PHP的一些知识点总结 下篇帖子: chengren-成人-php系列
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表