JS代码实现图片的水印效果

2012/11/7 20:12:03作者：佚名来源：网络

移动端

【实例名称】

JS代码实现图片的水印效果

【实例描述】

图片的水印效果通过设置样式的透明变实现。本例以具体实例介绍如何将图片设置为水印样式。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页-学无忧（www.xue51.com）</title>
</head>
<body>
    <p><font face="Arial" color="#008080">
    <div><p align="center">
    <img  style="filter:alpha(opacity=10,finishOpacity=10,style=10,
startX=10,startY=10,finishX=20,finishY=30,add=0,direction=45,
strength=10)" src="logo1.gif" width="160" height="103"> </p>
    </div>
    </font>
    <p align="center">这是图片的水印效果</p></font>
</body>
</html>

 
【运行效果】

图片的水印效果运行效果