jsp页面浮动窗口

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>浮动窗口示例</title>
    <style>
        .floating-window {
            position: fixed;
            bottom: 10px;
            right: 10px;
            width: 200px;
            background-color: #f1f1f1;
            border: 1px solid #ccc;
            padding: 10px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .close-btn {
            float: right;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="floating-window">
        <span class="close-btn" onclick="this.parentElement.style.display='none';">X</span>
        <p>这是一个浮动窗口示例。</p>
    </div>

    <h1>欢迎来到我的网站</h1>
    <!-- 页面的其他内容 -->
</body>
</html>