每周总结05 

<%@ page import="java.net.URLEncoder" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <style type="text/css">
        body{

            background:no-repeat url("image/1.png");
            background-size: 100%,100%;

        }

        ul{
            text-align: center;
            margin-top: 100px;
        }
        li{
            list-style: none;
            line-height: 50px;
            letter-spacing: 5px;
        }
        button{
            text-decoration: none;
            zoom: 1;      /*解决IE浏览器无法显示问题*/
            display: inline-block;
            border-radius: 4px;
            background-color:cornflowerblue;
            border: none;
            color: #FFFFFF;
            text-align: center;
            font-size: 20px;
            padding: 10px;
            width: 200px;
            transition: all 0.5s;
            cursor: pointer;
            margin: 5px;

        }
        button:hover{
            color: white;
            background: transparent;
            background: #f99;
            border-color: #bbb#fff#fff#aaa;
            border-radius: 5px;

        }
        h2{
            text-align: center;
            margin-top: 200px;
            letter-spacing: 10px;
            font-family: 华文新魏;
            font-size: 40px;
        }
        h2:hover{
            color:#bbbbbb;
        }
        #login{
            margin-top: 25px;
            background-color: red; /* Green */
            border: none;
            color: white;
            padding: 0px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            transition-duration: 0.4s;
        }
        #login:hover{
            background-color: white;
            color: black;
            border: 2px solid red;
        }
        #tab{
            text-align: center;
        }

    </style>
</head>
<body>


<%
    String username=null;
    Cookie[] cookies =request.getCookies();
    for(Cookie cook:cookies){
        if(cook.getName().equals("name")){
            username=cook.getValue();
        }
    }
%>

<div class="bodystyle">
    <p id="tab" style="font-family: 华文细黑 ;font-size: 20px">亲爱的
        <span id="user-name-label" ><%
                if(username!=null) {
                    out.print(username);
                }else{
                    out.print("游客");
                }
            %>
        </span>
    ，欢迎你来到本网站
    </p>
    <h2 id="biaoti">张杰歌曲欣赏</h2>
    <ul>

        <li>
            <button id="dayu" onclick="ckdy()">《天下》</button>
        </li>
        <li>
            <button id="qifengle" onclick="ckqfl()">《明天过后》</button>
        </li>
        <li>
            <button id="jing" onclick="ckjing()">《最美好的太阳》</button>
        </li>
        <li>
            <a  href="login.jsp" id="login">登录</a>
        </li>
    </ul>
</div>
<script>
    function ckdy(){
        var name=document.getElementById("user-name-label").innerHTML.trim();

        if(name=='游客'){
            window.location.href="login.jsp";
        }else{
            window.location.href="1.jsp";
        }
    }
    function ckqfl(){
        var name=document.getElementById("user-name-label").innerHTML.trim();

        if(name=='游客'){
            window.location.href="login.jsp";
        }else{
            window.location.href="2.jsp";
        }
    }
    function ckjing(){
        var name=document.getElementById("user-name-label").innerHTML.trim();

        if(name=='游客'){
            window.location.href="login.jsp";
        }else{
            window.location.href="3.jsp";
        }
    }

    let divTyping = document.getElementById('biaoti')
    let i = 0,
        timer = 0,
    str=document.getElementById("biaoti").innerHTML.trim();

</script>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <style type="text/css">
        body{
            margin-left: 700px;
            margin-right: 630px;
            border: 1px solid;
            padding: 15px;
            margin-top: 200px;
            background: no-repeat url("image/1.png");
            background-size: 100%,100%;
        }
        .button {
            /* Green */
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 13px;
            margin: 4px 2px;
            transition-duration: 0.4s;
            cursor: pointer;
            background-color: white;
            color: black;
            border: 2px solid #555555;
            border-radius: 8px;
        }


        .button:hover {
            background-color: #555555;
            color: white;
        }

    </style>
</head>
<body>
<form action="check.jsp" id="login_form" method="get">

    <h2 style="margin-left: 200px">用户登录</h2>
    <span style="margin-left: 170px;color: red;">${wrong}</span><br>
    <label for="username" style="margin-left: 100px">用户名：</label><input type="text" id="username" name="username" required><br/><br>
    <label for="password" style="margin-left: 100px">密&nbsp;&nbsp;&nbsp;码：</label><input type="password" id="password" name="password" required><br>
    <input type="submit" value="确定" style="margin-left:230px " class="button">

</form>

</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <%
        String name=request.getParameter("username");
        String pwd=request.getParameter("password");
        if(name.equals(pwd)){
            Cookie cookie = new Cookie("name",name);
            cookie.setMaxAge(300);
            response.addCookie(cookie);
            request.getRequestDispatcher("index.jsp").forward(request,response);
        }else{
            request.setAttribute("wrong","账号与密码不一致！");
            request.getRequestDispatcher("login.jsp").forward(request,response);
        }
    %>


</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            background: no-repeat url("image/2.png");
            background-size: 100%,100%;
        }
        li{
            color: red;
            list-style: none;
            line-height: 30px;
            letter-spacing: 5px;
        }
        div{

            text-align: center;
            width: 50%;
            float: left;
            font-size: 20px;
            font-family: 华文仿宋;
        }
        h2{
            text-align: center;
            font-size: 25px;
            color: red;
            font-family: 华文仿宋;
        }
        a {
            background-color: #555555;
            border: none;
            color: white;
            padding: 16px 32px;
            text-align: center;
            font-size: 16px;
            margin: 2px 2px;
            opacity: 0.6;
            transition: 0.3s;
            display: inline-block;
            text-decoration: none;
            cursor: pointer;
            border-radius: 10px;
        }

        a:hover {opacity: 1}

    </style>
</head>
<body>
    <h2>天下</h2>
<div>
    <li>烽烟起寻爱似浪淘沙</li>
    <li>遇见她如春水映梨花</li>
    <li>挥剑断天涯相思轻放下</li>
    <li>梦中我痴痴牵挂</li>
    <li>顾不顾将相王侯 </li>
    <li>管不管万世千秋</li>
    <li>求只求爱化解</li>
    <li>这万丈红尘纷乱永无休</li>
    <li>爱更爱天长地久</li>
    <li>要更要似水温柔</li>
    <li>谁在乎谁主春秋</li>
    <li>一生有爱何惧风飞沙</li>
    <li>悲白发留不住芳华</li>
    <li>抛去江山如画</li>
    <li>换她笑面如花</li>
    <li>抵过这一生空牵挂</li>
    <li>心若无怨爱恨也随她</li>
    <li>天地大情路永无涯 只为她袖手天下</li>
    <li>顾不顾将相王侯</li>
    <li>管不管万世千秋</li>
    <li>求只求爱化解</li>
    <li>这万丈红尘纷乱永无休</li>
    <li>爱更爱天长地久</li>
    <li>要更要似水温柔</li>
    <li>谁在乎谁主春秋</li>
    <li>一生有爱何惧风飞沙</li>
    <li>悲白发留不住芳华</li>
    <li>抛去江山如画</li>
    <li>换她笑面如花</li>
    <li>抵过这一生空牵挂</li>
    <li>心若无怨爱恨也随她</li>
    <li>天地大情路永无涯 </li>
    <li>只为她袖手天下</li>
</div>
    <div>
        <li>烽烟起寻爱似浪淘沙</li>
        <li>遇见她如春水映梨花</li>
        <li>挥剑断天涯相思轻放下</li>
        <li>梦中我痴痴牵挂</li>
        <li>顾不顾将相王侯 </li>
        <li>管不管万世千秋</li>
        <li>求只求爱化解</li>
        <li>这万丈红尘纷乱永无休</li>
        <li>爱更爱天长地久</li>
        <li>要更要似水温柔</li>
        <li>谁在乎谁主春秋</li>
        <li>一生有爱何惧风飞沙</li>
        <li>悲白发留不住芳华</li>
        <li>抛去江山如画</li>
        <li>换她笑面如花</li>
        <li>抵过这一生空牵挂</li>
        <li>心若无怨爱恨也随她</li>
        <li>天地大情路永无涯 只为她袖手天下</li>
        <li>顾不顾将相王侯</li>
        <li>管不管万世千秋</li>
        <li>求只求爱化解</li>
        <li>这万丈红尘纷乱永无休</li>
        <li>爱更爱天长地久</li>
        <li>要更要似水温柔</li>
        <li>谁在乎谁主春秋</li>
        <li>一生有爱何惧风飞沙</li>
        <li>悲白发留不住芳华</li>
        <li>抛去江山如画</li>
        <li>换她笑面如花</li>
        <li>抵过这一生空牵挂</li>
        <li>心若无怨爱恨也随她</li>
        <li>天地大情路永无涯 </li>
        <li>只为她袖手天下</li>
    </div>
<p style="text-align: center"><a href="index.jsp" class="button">返回首页</a></p>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            background: no-repeat url("image/3.png");
            background-size: 100%,100%;
        }
        li{
            color: blue;
            list-style: none;
            line-height: 40px;
            letter-spacing: 7px;
            font-family: 华文仿宋;
            font-size:25px ;

        }
        div{
            text-align: center;
        }
        a {
            background-color: #555555;
            border: none;
            color: white;
            padding: 16px 32px;
            text-align: center;
            font-size: 16px;
            margin: 2px 2px;
            opacity: 0.6;
            transition: 0.3s;
            display: inline-block;
            text-decoration: none;
            cursor: pointer;
            border-radius: 10px;
        }

        a:hover {opacity: 1}

    </style>
</head>
<body>
<div>
    <ul>
        <li style="font-size: 30px ;color:cornflowerblue;">歌名：《明天过后》</li>
        <li>歌曲原唱：张杰</li>
        <li>歌曲歌词</li>
        <li>没有星星的夜空，没有话题能补充</li>
        <li>太多承诺从指缝中溜走，不敢奢求什么</li>
        <li>回忆将我们扣留，一瞬间亲吻的时候</li>
        <li>一切就好像轮回般朦胧，心动渐渐的失控</li>
        <li>是否两个人足够捕捉爱的镜头</li>
        <li>闭上了眼睛记得你的笑容</li>
        <li>幸福的从容将灵魂都掏空，享受一分钟的感动</li>
        <li>是否爱上一个人不问明天过后</li>
        <li>山明和水秀不比你有看头</li>
        <li>牵着你的手一直走到最后</li>
        <li>这一刻怎么回头</li>
        <li>没有星星的夜空，没有话题能补充</li>
        <li>太多承诺从指缝中溜走，不敢奢求什么</li>
        <li>回忆将我们扣留，一瞬间亲吻的时候</li>
        <li>一切就好像轮回般朦胧</li>
        <li>是否两个人足够捕捉爱的镜头</li>
        <li>闭上了眼睛记得你的笑容</li>
        <li>幸福的从容将灵魂都掏空，享受一分钟的感动</li>
        <li>是否爱上一个人不问明天过后</li>
        <li>山明和水秀不比你有看头</li>
        <li>牵着你的手一直走到最后</li>
        <li>这一刻怎么回头</li>
    </ul>
</div>
<p style="text-align: center"><a href="index.jsp" class="button">返回首页</a></p>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            background: no-repeat url("image/4.png");
            background-size: 100%,100%;
        }
        li{
            color: orangered;
            list-style: none;
            line-height: 40px;
            letter-spacing: 5px;
            font-size: 20px;
            font-weight: normal;
        }

        div{
            text-align: center;
            width: 50%;
            float: left;
            font-family: 华文仿宋;
        }
        h2{
            text-align: center;
        }

        a {
            background-color: #555555;
            border: none;
            color: white;
            padding: 16px 32px;
            text-align: center;
            font-size: 16px;
            margin: 2px 2px;
            opacity: 0.6;
            transition: 0.3s;
            display: inline-block;
            text-decoration: none;
            cursor: pointer;
            border-radius: 10px;
        }

        a:hover {opacity: 1}
    </style>
</head>
<body>
    <h2>最美的太阳</h2>
<div >
    <li>我的世界 因为有你才会美</li>
    <li>我的天空 因为有你不会黑</li>
    <li>给我快乐 为我伤心流眼泪</li>
    <li>给我宽容 让我能展翅高飞</li>
    <li>你的话你的泪 你的笑你的美</li>
    <li>在我眼中胜过最美的玫瑰</li>
    <li>抱着梦 往前飞</li>
    <li>不逃避 不后退</li>
    <li>你是我成功路上的堡垒</li>
    <li>给我翅膀 让我可以翱翔</li>
    <li>给我力量 是你让我变坚强</li>
    <li>不怕受伤 因为有你在身旁</li>
    <li>你的笑 你的泪</li>
    <li>是我筑梦路上最美的太阳</li>
    <li>你的话你的泪 你的笑你的美</li>
    <li>在我眼中胜过最美的玫瑰</li>
    <li>抱着梦 往前飞</li>
    <li>不逃避 不后退</li>
    <li>你是我成功路上的堡垒</li>
    <li>给我翅膀 让我可以翱翔</li>
    <li>给我力量 是你让我变坚强</li>
    <li>不怕受伤 因为有你在身旁</li>
    <li>你的笑 你的泪</li>
    <li>是我筑梦路上最美的太阳</li>
</div>
<div >
    <li>我的世界 因为有你才会美</li>
    <li>我的天空 因为有你不会黑</li>
    <li>给我快乐 为我伤心流眼泪</li>
    <li>给我宽容 让我能展翅高飞</li>
    <li>你的话你的泪 你的笑你的美</li>
    <li>在我眼中胜过最美的玫瑰</li>
    <li>抱着梦 往前飞</li>
    <li>不逃避 不后退</li>
    <li>你是我成功路上的堡垒</li>
    <li>给我翅膀 让我可以翱翔</li>
    <li>给我力量 是你让我变坚强</li>
    <li>不怕受伤 因为有你在身旁</li>
    <li>你的笑 你的泪</li>
    <li>是我筑梦路上最美的太阳</li>
    <li>你的话你的泪 你的笑你的美</li>
    <li>在我眼中胜过最美的玫瑰</li>
    <li>抱着梦 往前飞</li>
    <li>不逃避 不后退</li>
    <li>你是我成功路上的堡垒</li>
    <li>给我翅膀 让我可以翱翔</li>
    <li>给我力量 是你让我变坚强</li>
    <li>不怕受伤 因为有你在身旁</li>
    <li>你的笑 你的泪</li>
    <li>是我筑梦路上最美的太阳</li>
</div>
<p style="text-align: center"><a href="index.jsp" class="button">返回首页</a></p>

</body>
</html>

 

 

 

 

 

 

 

posted @ 2022-06-14 20:41  年年ℓ  阅读(31)  评论(0)    收藏  举报