码迷,mamicode.com
首页 > 其他好文 > 详细

dwz:隐藏版权信息

时间:2015-07-10 15:13:49      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:dwz   隐藏版权   

前言:有的时候,我们需要为我们的网站装点一些隐藏的版权信息,以用来保护我们自己的知识产权。我且将本片博文归类于dwz的系列文章中。

首先,我推荐一个值得玩味的版权网站,有兴趣的朋友可以去看上一看。Nazo Level 1,这个demo中我能发掘到有5个步骤,你看你能发现几层?
接下来,我来介绍一下我自己设计的一个隐藏版权信息,我认为还不错。

效果图

技术分享
技术分享

准备版权信息

在一个你可以控制的服务器上部署一台专门的服务器,用来控制对应的版权信息,提供一个url给你要添加版权信息的web网站上。
这个很简单,就不需要多介绍了。

构造页面内容

<c:choose>

                            <c:otherwise>
                                <a id="login_hidekey" onmouseover="beginEvent()" onmouseout="cancelEvent()">等不及要登录了!</a>
                            </c:otherwise>
                        </c:choose>
                        <input type="hidden" id="login_cpoyrightkey" value="<%=Constants.copyright_key%>"/>
  1. 打开登录页后,我们将服务端的版权key保存到页面中,也就是当前hidden标签中。
    warning:不过请注意,我的这个写法并不好,通过查看源代码可以看到hidden的value值,我暂时没有找到好的办法。
  2. 对a标签增加两个事件,分别是 onmouseover、onmouseout事件。
    info:注意不要加href属性。

添加对应js事件

var mytimer = null;
function beginEvent() {
    mytimer = window.setTimeout("showCopyrightInput()", 1000);
}

function cancelEvent() {
    clearTimeout(mytimer);
    mytimer = -1;
    $("#login_hidekey").removeAttr("href");
    $("#login_hidekey").removeAttr("target");
}

function showCopyrightInput() {
    if ($("#j_username").val() == $("#login_cpoyrightkey").val()) {
        $("#login_hidekey").attr("href", "http://----------/copyright");
        $("#login_hidekey").attr("target", "_blank");
    }
}
  1. 鼠标移动到“等不及要登录了!”一秒中后,准备启动a标签。
  2. 刚好输入了你的版权key,那么就会对a标签添加href、target属性。
  3. 当鼠标离开“等不及要登录了!”后,清空timer,然后清除a标签的对应属性。

总结:这是一个很有意思的事情,看看你是否感兴趣。

版权声明:本文为博主原创文章,未经博主允许不得转载。

dwz:隐藏版权信息

标签:dwz   隐藏版权   

原文地址:http://blog.csdn.net/qing_gee/article/details/46830419

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!