邮件订阅
5ucms仿站,用层实现为网页中的图添加水印的效果
作者: 来源: 日期:2015/10/16 0:59:57 浏览量:51(滞后) 人气:LOADING...(实时) 【

5ucms仿站,用层实现为网页中的图添加水印的效果

首先获得网页元素的绝对位置后在相应的位置创建一个遮挡层,可实现一个水印样式。该例可用于为图片加版权,或隐藏图片的下载地址等。缺点是改变浏览器大小时有页面有闪烁。


<html>
<head>
<meta http-equiv="C>
<title>无标题文档</title>
<script>
 //取得元素(图像)的绝对位置
 functi rel="stylesheet" type="text/css">
</head>

<body>
<br>
<br>
<table width="407" height="268" align="center">
  <tr>
    <td align="center"><span id=MySpan><img src="http://www.dedecms.com/web-art/htmlbase/Javascript/20041111/image/logo1.gif" width="150" height="78" id=MyImage></span><span id=MySpan><img src="http://www.dedecms.com/web-art/htmlbase/Javascript/20041111/image/logo1.gif" width="150" height="78" id=MyImage2></span></td>
  </tr></table>

 


<span id=MySpan><img src="http://www.dedecms.com/web-art/htmlbase/Javascript/20041111/image/logo1.gif" width="150" height="78" id=MyImage3></span><br>
<span id=MySpan><img src="http://www.dedecms.com/web-art/htmlbase/Javascript/20041111/image/logo1.gif" width="150" height="78" id=MyImage4></span>
<script>
 createLayer(document.images.MyImage);
 createLayer(document.images.MyImage2);
 createLayer(document.images.MyImage3);
 createLayer(document.images.MyImage4);
</script>
</body>
</html>


欢迎您访问www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms帮助所见即所得编辑器 aynHTML 大全——(一)如何部署、嵌入、装载动态内容
下一篇:5ucms培训,在网页中使用realplayer播放rm文件
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms仿站,用层实现为网页中的图添加水印的效果的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org