十二生肖查询网页版制作（php）

最新推荐文章于 2024-06-02 23:43:23 发布

郑宏鑫

最新推荐文章于 2024-06-02 23:43:23 发布

阅读量521

点赞数

本文链接：https://blog.csdn.net/u013085496/article/details/86736782

版权

十二生肖查询网页版制作（php）

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

预览网址效果：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: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;
                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: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，右侧显示生肖" οnfοcus="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'] : 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>

posted @ 2015-02-28 15:23 hongxinerke 阅读( ...) 评论( ...) 编辑收藏

郑宏鑫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
十二生肖查询网页版制作（php）

十二生肖查询网页版制作（php）今天无聊做了一个十二生肖查询器：预览网址效果：http://hongxing01.hktd02u.me48.com/03Sxcx源代码下载：http://down.51cto.com/data/1985014这个Demo的学习很适合php初学者学习，练练手。大神勿喷每个人都是从初学开始的。&...
复制链接

扫一扫