标签: hover

我正在尝试制作一些代码来查找div是否存在,如果确实存在则会慢慢消失.我有这个来确定div是否存在

    if($('#error').length != 0)
 {
  $('#error').hide(500);
 }  

这确实有效但只是在刷新时,我一直试图把它放在这样的计时器中:

   var refreshId = setInterval(function()
   {
      if($('#error').length != 0)
 {
  $('#error').hide(500);
 }   
   }, 500);

但它没有摆脱innerHTML!我有一些代码,在悬停时改变了错误div的innerHTML,所以我可以填写它,但由于某种原因这不起作用,任何建议都会有所帮助!

谢谢!

我想为我的桌子排做悬停阶段.如果将鼠标悬停在行上而不是背景颜色应该更改.

我的CSS是这样的:

.tabuler_data {border-collapse:collapse;}
.tabuler_data td {border:solid 1px #ccc;}
.tabuler_data tr:nth-child(even) td, tbody tr.even td {background:#fff;}
.tabuler_data tr:nth-child(odd) td, tbody tr.odd td {background:#f5f5f5;}
.tabuler_data thead {background:#666;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;text-align:center;}
.tabuler_data th{border:solid 1px #ccc;}

在jquery网站上为一个链接尝试onmouseover背景图像更改事件,如果有人知道,请通过演示回答这个问题!

我正在尝试构建我的第一个网站,并尝试在CSS中使用"a:hover"功能但无法使其工作 - 无论是否悬停,链接看起来都一样.

这是我的CSS文件的片段:

    /* main page elements */
    a:link
    {
      text-decoration: none;
      color:white;
    }

    a:visited
    {
      text-decoration: none;
      color:FFFFFF;
    }

    a:hover
    {
      text-decoration: none;
      color:blue;  
    }


    a:active
    {
      text-decoration: none;
      color:blue;
    }

任何帮助赞赏.

谢谢,罗伯特.

对于大多数人来说听起来很简单,但我是新手.

input.input-text:hover {color:red}
input.input-text:focus {color:blue}

我想如果input-text重点是它不能在悬停时变红.我们可以这样做吗？

我有这些较小的横幅,我想改变我的"A"标签内的一些样式属性.

<a href="#">
   <h2>Heading</h2>
   <p class="service-sub">Some Text</p>
   <img src="path" />
</a>

我想要做的是改变p.service-hub中的样式.这是我尝试过的两种方法,但无济于事......

Method 1: a .service-hub *:hover
Method 2: a .service-hub:hover

这甚至可能吗？因为悬停事件首先使用A标记触发,所以它甚至会识别p.service-hub上的悬停？

我们使用一个非常简单的CSS来创建一个弹出窗口:

<style type="text/css">
#flyout_window {
    position:absolute;
    top:85px;
    left:10px;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    margin-left: -450px;
    }                      
    #flyout_window:hover{margin-left: 0px;}
</style>

您可以在这里看到它的样子:http://xeeme.com/axels 它工作正常并且使用频繁.现在,由于它存在于客户端,我们如何跟踪弹出窗口的使用频率并记录服务器上的使用情况？

有些Ajax可能吗？有什么建议在这种情况下对你有用吗？我们正在使用Coldfusion9

非常感谢

我想在上面的悬停按钮上添加类到div.当我将鼠标悬停在此按钮时,div将会有一个新课程.

这个HTML代码

<div class='post'><a class='more' href='more'>More</a></div>
<div class='post'><a class='more' href='more'>More</a></div>
<div class='post'><a class='more' href='more'>More</a></div>
<div class='post'><a class='more' href='more'>More</a></div>
<div class='post'><a class='more' href='more'>More</a></div>
<div class='post'><a class='more' href='more'>More</a></div>

我用这个jquery代码来做

 $(document).ready(function(){

$( ".more" ).hover(
  function() {
    $( ".post" ).addClass( "post-hover" );
  }, function() {
    $( ".post" ).removeClass( "post-hover" );
  }
);

            });


});

但是当我将a.more这个jquery代码添加post-hover到所有.postdiv时.我想只为一个div这样做,我将它悬停在它上面.更多链接.

要停止鼠标悬停的选框,我这样做了:

CSS:

<style type="text/css">

.wm {
    border: solid 2px;
    border-color:#0aa2e3;
    border-radius: 10px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
}

marquee:hover {
    animation-play-state:paused;
}

</style>

HTML :

<p class="wm"> <marquee> ... </marquee> </p>

但是当我将鼠标指向移动的段落时,没有任何反应.这是为什么 ？

我正试图在悬停和悬停时做点什么.mail img.on hover事件正在发生,其中的代码正在执行,但off hover事件不是.

为了简化它,我用警报替换了我的代码,并且关闭悬停警报也没有触发.

$('.mail img').hover(function(){
    alert('on hover');
},
function(){
    alert('off hover');
});

我正在使用jQuery 1.9.1