在WEB应用程序中隐藏已经选择的选项卡的超链接按钮

在我的Web应用程序中，我有选项卡，如果有任何选项卡被点击，则会显示相应的页面。但即使选择了该选项卡后，超链接按钮也会启用。我的需要是，如果我在选定的选项卡上进行鼠标移动，则应该显示普通指针而不是超链接。请帮我提出解决方案。在WEB应用程序中隐藏已经选择的选项卡的超链接按钮

问候， Jeya

来源

2011-12-16 i2ijeya

要么

<a>you can't click me</a>

或

<a href='...' style='cursor:default'>you can click me but the cusror doesn't indicate this</a>

来源

2011-12-16 11:44:10 Graham

感谢您的回复，但我需要超链接才能显示，直到选中标签。一旦选项卡被选中，它应该改为正常的鼠标指针。你有什么想法 – i2ijeya 2011-12-16 11:59:05

如果你需要这个动态而不重新加载页面，然后选择下面的任何基于JavaScript的选项。 – Graham 2011-12-16 12:02:06

您可以使用JavaScript选择一个元素：

document.getElementById('element-id');

一旦你做到了这一点，你可以在元素中修改样式：

document.getElementById('your-element').style.cursor = 'default';

现在光标应该看起来正常。

来源

2011-12-16 11:46:50

使用JavaScript：

document.getElementById("myATagId").style.cursor = "default";

来源

2011-12-16 11:47:56 ijse

下面是一个完整的示例：

<html> 
    <head> 
     <style type="text/css"> 
      a:target 
      { 
       cursor: default; 
      } 
     </style> 
    </head> 
    <body> 
     <a id="anchor1" href="#anchor1">Anchor1</a> 
     <a id="anchor2" href="#anchor2">Anchor2</a> 
     <a id="anchor3" href="#anchor3">Anchor3</a> 
    </body> 
</html>

当你点击任何链接，它会成为网页的当前目标，那么一个：目标规则将应用于它，设置默认光标。

编辑IE：

改变我原来的样本，这里是一个使用jQuery的，与IE8但不是IE7测试另一种实现方式。

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
     <script> 
      $(function() 
      { 
       var hash = null; 

       var updateAnchors = function() 
       { 
        hash = window.location.hash; 

        $(".tab").removeClass("target"); 

        $(".tab[href=" + hash + "]").addClass("target"); 
       }; 

       window.setInterval(function() 
       { 
        if (window.location.hash != hash) 
        { 
         updateAnchors(); 
        } 
       }, 100); 

       updateAnchors(); 
      }); 
     </script> 
     <style type="text/css"> 
      .target 
      { 
       cursor: default; 
      } 
     </style> 
    </head> 
    <body> 
     <a id="anchor1" href="#anchor1" class="tab">Anchor1</a> 
     <a id="anchor2" href="#anchor2" class="tab">Anchor2</a> 
     <a id="anchor3" href="#anchor3" class="tab">Anchor3</a> 
    </body> 
</html>

来源

2011-12-16 11:53:15 Pragmateek

在WEB应用程序中隐藏已经选择的选项卡的超链接按钮

回答

相关问题