怎么隐藏链接在状态栏的提示

解决思路
主要是在鼠标在链接上有事件触发时将状态栏的文本设置为空白或者其它文本就行了。
具体步骤

代码示例:

方法一:通过捕获链接上的事件,设置状态栏信息

  1. <script>
  2. function hideinfo(){
  3.  if(event.srcElement.tagName=="A"){//如果触发函数的对象是链接
  4. //设置状态栏的显示为链接的文本
  5.     window.status=event.srcElement.innerText
  6. }
  7. }
  8. document.οnmοuseοver=hideinfo          //鼠标移上时调用 hideinfo 函数
  9. document.οnmοusemοve=hideinfo         //鼠标移动时调用 hideinfo 函数
  10. document.οnmοusedοwn=hideinfo        //鼠标按下时调用 hideinfo 函数
  11. </script>
  12. <a href="http://www.flash8.net">闪吧</a>
  13. <a href="http://www.blueidea.com">经典</a> 


方法二:通过改变链接真实地址来隐藏提示信息。

  1. <script>
  2. var temp_url                     
  3. function hideinfo(){
  4. var obj=event.srcElement                  //捕获触发事件的对象
  5.  if(obj.tagName=="A"){                        //如果对象是链接
  6. /*如果触发函数的事件是 onmouseover ,将链接地址赋予全局变量 temp_url 后设置链接的地址为链接的文字,这样在鼠标移上时状态栏的提示信息将是 "当前页地址(不包含文件名)+触发事件的链接对象的文本",达到了隐藏真实地址的目的*/
  7. if(event.type=="mouseover"){temp_url=obj.href;obj.href=obj.innerText}     
  8. //在单击链接时用window.open 方法打开窗口,窗口目标根据链接的 target 属性值而定
  9. if(event.type=="click"){window.open(temp_url,obj.target==""?"_self":obj.target);return false
  10. //鼠标移开后复原链接
  11. if(event.type=="mouseout"){obj.href=temp_url;temp_url=null}}
  12. }
  13. document.οnmοuseοver=hideinfo         //鼠标移上时调用 hideinfo 函数
  14. document.οnmοuseοut=hideinfo          //鼠标移开时调用 hideinfo 函数
  15. document.οnclick=hideinfo             //鼠标单击时调用 hideinfo 函数
  16. </script>
  17. <a href="http://www.flash8.net">闪吧</a>
  18. <a href="http://www.blueidea.com" target="_blank">经典</a> 

注意:脚本最后函数调用时的 hideinfo 不能带括号。
特别提示
代码运行后,将鼠标移到链接后看看状态栏的提示信息。效果如图 3.44、图3.45 所示。

图 3.44 以链接文字代替链接地址显示在状态栏

图 3.45 以链接文字作链接代替真实链接地址显示在状态栏

特别说明

本例通过用 event 对象的 type 属性判断发生在链接上的鼠标事件而进行相应处理,最后勉强达到隐藏链接地址在状态栏的显示。
event.type从 event 对象中获取事件名称。


http://www2.flash8.net/teach/4058.htm
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值