当你把鼠标移到网页里的链接上,在浏览器状态栏会显示相应的链接地址。但是在一些网站里,在状态栏里显示的链接却和实际打开的不一样。淘宝客就有很多这样的链接,淘宝官方提供的那些频道很多都是这样。我还发现Google的搜索结果链接有时候也是这样。
为什么要这样呢?一般情况下很少用,不过有时候就得这样的效果。我发现很多网站经过点击隐藏的连接,再把鼠标指标移动到该链接上,就会显示实际的链接地址了。今天Gonten就写了一段完全隐藏链接的代码。
首先在链接前加入以下JS代码:
<script type=”text/javascript”>
<!–
var gonten_url = “”;
function url_go(obj,gourl){
gonten_url = obj.href;
obj.href = gourl;
if(len(gourl)>0){
obj.href = gourl;
}
}
function url_back(obj){
obj.href = gonten_url;
}
//–>
</script>
建议把上面代码加在<head></head>里,然后链接代码加入两个JS处理事件:
<a href=”http://www.baidu.com” target=”_blank” onclick=”url_go(this,’http://gonten.com’);” onmouseout=”url_back(this);”>百度</a>
上面代码里的http://gonten.com就是实际要打开的地址,按这样的格式填上你的地址就OK了。
看下面的演示,点击百度打开的却是滚天搜索,点击新浪打开的却是我的腾讯微博。
本文地址:http://www.gonten.com/hidden-link/ 转载请务必以超链接形式注明!
11 条评论我要评论 »
1 - 站长 | 2010-07-03 at 13:47
顶!~~ 支持的说!~~
[回复]
2 - 网 | 2010-07-03 at 17:08
你的博客很不错,很欣赏你的博客,希望能交个朋友!
[回复]
3 - 世纪佳缘 | 2010-07-05 at 16:35
不错 路过看看。
[回复]
4 - taocooler | 2010-07-07 at 22:22
恩,感谢分享
[回复]
5 - 最有效的去黑眼圈 | 2010-08-13 at 15:56
不错,学到了不少东西哦!谢谢
[回复]
6 - 山水画 | 2010-08-20 at 23:42
顶~~~
[回复]
7 - airmax | 2010-09-17 at 15:44
我也很喜欢你的文章 学了很多知识!
[回复]
8 - 必填 | 2010-09-26 at 17:21
@_@ 这样如果禁止JS 会怎么样呢
[回复]
@必填, 如果禁止JS,当然是无效了,呵呵
[回复]
9 - 小站长 | 2010-10-20 at 01:30
^(oo)^经我检验,这个方法还有漏洞啊!
首次鼠标移过去是显示百度,但我没点下去,再移过去就现原形了,@_@
还有没有更有效的方法啊?我是在IE6.0 用360浏览器测试的
[回复]
@小站长, 还真的,刚用IE6测试就现原形了,看来还得多判断一下
[回复]