您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

JS实现网页加水印特效

51自学网 2022-07-23 06:52:31
  javascript

这是一个js实现给网页页面添加水印的特效,可实现多水印覆盖,主要是这个属性pointerevents,简单实用,欢迎下载!

主要是这个属性的应用 pointer-events: none有如下配置:

var config = {
tw: 300, //单个水印内容高度
th: 150, //单个水印内容宽度
c: 80 // 为了避免页面下方有多余的空白, 少显示一行, 所以在计算每个水印高度的时候 需要增加像素,一般为内容高度的一半即可
}

如果大家非常好奇该段代码所带来的动画效果的话,可以点击【演示地址】进行预览哦,兼容IE8及以上浏览器,小编建议使用【谷歌/火狐】浏览器预览,如图所示:


下载地址:[ 下载地址1 ]
xm-select基于layui的下拉选择框多选源码
jQuery实现图片连续裁剪特效
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1