怎么隐藏链接在状态栏的提示 |
| 作者:闪吧 来源:闪吧 更新:2005-12-17 11:52:08 错误报告 我要投稿 |
|
解决思路: 主要是在鼠标在链接上有事件触发时将状态栏的文本设置为空白或者其它文本就行了
具体步骤:
代码示例:
方法一:通过捕获链接上的事件,设置状态栏信息
<script> function hideinfo(){ if(event.srcElement.tagName=="A"){//如果触发函数的对象是链接 //设置状态栏的显示为链接的文本 window.status=event.srcElement.innerText } } document.onmouseover=hideinfo //鼠标移上时调用 hideinfo 函数 document.onmousemove=hideinfo //鼠标移动时调用 hideinfo 函数 document.onmousedown=hideinfo //鼠标按下时调用 hideinfo 函数 </script> <a href="http://www.flash8.net">闪吧</a> <a href="http://www.blueidea.com">经典</a>
方法二:通过改变链接真实地址来隐藏提示信息。
<script> var temp_url function hideinfo(){ var obj=event.srcElement //捕获触发事件的对象 if(obj.tagName=="A"){ //如果对象是链接 /*如果触发函数的事件是 onmouseover ,将链接地址赋予全局变量 temp_url 后设置链接的地址为链接的文字,这样在鼠标移上时状态栏的提示信息将是 "当前页地址(不包含文件名)+触发事件的链接对象的文本",达到了隐藏真实地址的目的*/ if(event.type=="mouseover"){temp_url=obj.href;obj.href=obj.innerText} //在单击链接时用window.open 方法打开窗口,窗口目标根据链接的 target 属性值而定 if(event.type=="click"){window.open(temp_url,obj.target==""?"_self":obj.target);return false} //鼠标移开后复原链接 if(event.type=="mouseout"){obj.href=temp_url;temp_url=null}} } document.onmouseover=hideinfo //鼠标移上时调用 hideinfo 函数 document.onmouseout=hideinfo //鼠标移开时调用 hideinfo 函数 document.onclick=hideinfo //鼠标单击时调用 hideinfo 函数 </script> <a href="http://www.flash8.net">闪吧</a> <a href="http://www.blueidea.com" target="_blank">经典</a> 注意:脚本最后函数调用时的 hideinfo 不能带括号。 特别提示 代码运行后,将鼠标移到链接后看看状态栏的提示信息。效果如图 3.44、图3.45 所示。
 图 3.44 以链接文字代替链接地址显示在状态栏
 图 3.45 以链接文字作链接代替真实链接地址显示在状态栏
特别说明
本例通过用 event 对象的 type 属性判断发生在链接上的鼠标事件而进行相应处理,最后勉强达到隐藏链接地址在状态栏的显示。 event.type从 event 对象中获取事件名称。
|
|
| 文章录入:skyuu 责任编辑:skyuu |
|
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |