JSP页面右下角消息弹框的实现

最新推荐文章于 2024-10-04 17:24:00 发布

gongye_ye

最新推荐文章于 2024-10-04 17:24:00 发布

阅读量5.7k

点赞数 1

分类专栏： JS JSP 文章标签： jsp javascript 消息弹框

本文链接：https://blog.csdn.net/gongye1992/article/details/43735133

版权

本文展示了如何在JSP页面中使用JavaScript实现自定义消息弹出框。内容包括弹框的样式调整和两条消息的展示，提供了一个基础的示例供参考。

摘要由CSDN通过智能技术生成

JSP页面上通过JS实现消息弹出框，样式可根据要求修改，这边只是一个简单的示范例子，自定义了两条消息，弹框效果如下

JSP页面

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%@page import="java.util.*"%>
<html>
  <head>
	<style type="text/css">
		#winpop { width:250px; height:0px; position:absolute; right:0; bottom:0; border:1px solid grey; margin:0; padding:1px; overflow:hidden; display:none; background:#FFFFFF}
		#winpop .title { width:100%; height:20px; line-height:20px; background:#0AB0FF ; font-weight:bold; text-align:center; font-size:12px;color:white}
		#winpop .con { width:100%; height:360px; line-height:80px