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标签的对应属性。

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

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