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

それがあなたのコードなら、.appear クラスが間違っています。

于 2012-05-21T14:10:14.860 に答える
0

コード例の 5 行目は次のようになります

$('.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 に答える