0

我最初只是想添加淡入淡出功能，但没有奏效，所以我求助于这个。我对任何页面中任何元素上的任何选择器都不满意，我很困惑。我正在使用其他 jquery 库，想知道那里是否存在冲突，但在另一个站点中，我使用所有相同的 jquery 库 - 循环、缓动等并且没有冲突。

这是代码：

<script type="text/javascript">
$('.boda').click(function()
{

$('.fili1').addClass('appear');
});
</script>

<body onload="DrawCaptcha();">
<div id="top-bg">
    <div class="navcontainer">
        <div class="logo"><img src="graphics/logo.png" alt="logo" width="250" height="100"></div>
        <div class="fili1"><img src="graphics/filigree2.png" alt="filigree" width="90" height="120" /></div>
        <div id="nav">
            <ul>
                <li><a href="#" title="comenzar" onClick="colorFade('top-bg','background','','999999')">HOME</a></li>

                <li><a href="#" title="nuestra oferta" onClick="colorFade('top-bg','background','','999999')">SERVICIOS</a></li>

                <li><span><a href="#" class="boda" title="el dia de tu vida" onClick="colorFade('top-bg','background','999999','ffffff')">Bodas</a></span></li>

                <li><a href="#" title="envia un mensaje" onClick="colorFade('top-bg','background','','999999')">CONTACTO</a></li>
            </ul>
        </div>
    </div>
</div>

CSS：

.fili1 {
background-color: none;
position:absolute;
top:10px;
right:10px;
opacity:0;
}

.appear {
opacity1;}
4

6 回答 6

1

.appear {opacity1;}

变成：

.appear {
   opacity:1;
}

但是......你可以这样做.toggle()：

$('.boda').click(function(e){
  $('.fili1').toggle();
  return false;
});

演示

于 2012-05-21T14:12:07.817 回答
0

代码示例中的第五行应为

$('.fili1').addClass('appear');

注意类名前面的点。它也应该是opacity:1;（注意:）。

这是一个工作示例：http: //jsfiddle.net/xZ6Kr/

于 2012-05-21T14:10:30.517 回答
0

你的选择器是错误的。请阅读选择器。

$('fili1').addClass('appear');

应该

$('.fili1').addClass('appear');
于 2012-05-21T14:10:55.103 回答
0

真的吗？看一个点：

$('.fili1').addClass('appear'); // instead of $('fili1').addClass('appear');

祝你好运。

于 2012-05-21T14:11:58.770 回答
0

尝试这个

<script type="text/javascript">

$(document).ready(function(){

    $('.boda').click(function()
    {

        $('.fili1').addClass('appear');
        return false;
    });

});
</script>

并且

.appear {
   opacity:1;
}
于 2012-05-21T14:19:20.613 回答
0

如果那是您的代码，则 .appear 类错误应该是 opacity: 1;

于 2012-05-21T14:10:14.860 回答