jsp页面添加水印
时间: 2023-07-21 16:19:24 浏览: 113
要在 JSP 页面上添加水印,可以使用以下步骤:
1. 在 JSP 页面中添加一个 div 元素,用于显示水印。
2. 在样式表中定义水印的样式,如字体、大小、颜色等。
3. 使用 JavaScript 在页面加载时,将水印添加到 div 元素中。
以下是一个简单的示例代码:
```
<%@ page language="java" %>
<html>
<head>
<style>
#watermark {
font-size: 30px;
color: gray;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
opacity: 0.5;
}
</style>
<script>
function addWatermark() {
var watermark = "Watermark Text";
var div = document.createElement("div");
div.innerText = watermark;
div.id = "watermark";
document.body.appendChild(div);
}
window.onload = addWatermark;
</script>
</head>
<body>
// JSP 页面内容
</body>
</html>
```
在上面的代码中,我们定义了一个 id 为 watermark 的 div 元素,用于显示水印。样式表中定义了水印的样式,包括字体、大小、颜色、位置、透明度等。
在 JavaScript 中,我们定义了一个 addWatermark 函数,在页面加载时调用该函数。该函数首先定义了水印的文本,然后创建一个 div 元素,并将水印文本添加到该元素中。最后,将该 div 元素添加到页面的 body 元素中。
这样,当页面加载完成后,就会自动添加水印到页面中。
相关推荐
![text/x-java](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)