本文介绍了一种使用JavaScript实现的页面滚动水印效果。通过监听窗口滚动事件，动态调整水印位置，确保其始终可见。该方法简单实用，适用于多种网页布局。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- window.onscroll =function(){ var oWatermark = document.getElementById("divWatermark"); oWatermark.style.top = document.body.scrollTop; } //--> </SCRIPT> <div id ="divWatermark" style = "position:absolute; top :0px;right:0px; color:#cccccc; width:150px;height:30px; backgrond-colot:naty">Watermark</div> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> <p>212121</p> </BODY> </HTML>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
