用 jQuery 來做图片伪浮水印

作者：chinahappy 来源：经典论坛时间：2010-08-09 12:42:00　

日常我们见的多的水印大都是做到图片里的，我依据html元素的css position定位作出这个 * 印，供大家参考

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-tw" lang="zh-tw"><head><title>用 jQuery 來做图片伪浮水印 - www.aspxhome.com</title><meta name="GENERATOR" content="MSHTML 8.00.6001.18928" /><meta name="Author" content="chinahappy" /><meta name="Keywords" content="chinahappy" /><meta name="Description" content="用 jQuery 來做图片伪浮水印" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta content="text/javascript" http-equiv="Content-Script-Type" /><meta content="text/css" http-equiv="Content-Style-Type" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript">$(document).ready( function (){$(".water").each(function(i, ele){var _this = $(ele),_position = _this.position(),_height = _this.height(),_width = _this.width(),_alt = _this.attr('alt') || '';$('<div />').css({height: _height,width: _width,position: 'absolute',zIndex: 9999,top: _position.top,left: _position.left,backgroundImage: 'url(/file/UploadPic/20108/9/flinklogo_-82.gif)',backgroundPosition: '10 10',backgroundRepeat: 'no-repeat'}).appendTo('body');});});</script></head><body> <img class="water" alt="用 jQuery 來做图片伪浮水印" src="https://img.aspxhome.com/file/UploadPic/20108/9/2009101903641486-46.jpg" /></body></html>

标签：水印,jquery,图片

投稿

用 jQuery 來做图片伪浮水印

猜你喜欢

Python requests发送post请求的一些疑点

浅谈python中的数字类型与处理工具

python 同时运行多个程序的实例

mysql 获取时间方式

如何捕获人家站点的页面？

python @classmethod 的使用场合详解

MYSQL Left Join优化(10秒优化到20毫秒内)

Vue3异步数据加载组件suspense的使用方法

Python实现指定数组下标值正序与倒序排序算法功能举例

golang的串行处理和并行处理区别

手把手教你用python抢票回家过年(代码简单)

PyCharm License Activation激活码失效问题的解决方法(图文详解)

13个PHP函数超实用

Golang排列组合算法问题之全排列实现方法

Python 网络编程之UDP发送接收数据功能示例【基于socket套接字】

大家都来设计创意XP黑屏！

Python做文本按行去重的实现方法

Python定时执行程序问题(schedule)

python -v 报错问题的解决方法

MAC下MYSQL5.7.17连接不上的问题及解决办法