Web页面右下角弹出窗口示例代码

最新推荐文章于 2025-07-03 17:58:36 发布

草衣

最新推荐文章于 2025-07-03 17:58:36 发布

阅读量5.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： jsp

本文链接：https://blog.youkuaiyun.com/u013341688/article/details/50684818

本文介绍如何在Web页面登录后于右下角实现消息提示框。通过示例代码展示具体实现过程。

我们一般会遇到这种情况，当登录首页后，会有消息提示机制，本例子中讲的就是在首页登陆后在页面的右下角弹出消息提示框

先看效果图：

jsp代码：

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib  prefix="s" uri="/struts-tags"  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统登陆后，提示消息</title>
<script type="text/javascript" src="<%=path%>/common/js/jquery-1.4.2.js"></script>
<style type="text/css">
#winpop { width:150px; height:80px; position:absolute; right:0; bottom:0; border:1px solid #999999; margin:0; padding:1px; overflow:hidden; display:none; background:#CED6E