0

これは私のJavaスクリプトです。画像上のレースで、円をクリックすると拡大します。しかし、もう一度クリックすると、再び通常のサイズになるはずです。下の画像を参照してください.. http://i.imgbox.com/adbuiwsa.pngここに画像の説明を入力 これは、javascript サークルのコードです。必要なのは、青い円をもう一度クリックすると、再び通常のサイズになるはずです... 方法私はそれをコーディングしますか?? 私はそれが変数を使用して行われることを好みます... Plsは私を助けてくれます。 

$('#c1').click(function () {
    clearCircle()
    ResetCircle()

    $(this).removeClass("blink1");
    //$(this).css('background-color', '#005aa8');
    $(this).css('width', '190px');
    $(this).css('height', '190px');
    $(this).css('top', 243 - ((190 - 125) / 2));
    $(this).css('left', 335 - ((190 - 125) / 2));
    $(this).css('background-image', 'URL(assets/images/blue_back.png)');
});
4

2 に答える 2

0

私はあなたのコードを編集できませんでしたが、あなたにも役立つはずのサンプルがあります: http://jsfiddle.net/bGAj7/

HTML:

<div class="circle">
    <p>
        Rain passing through a hillside
    </p>
</div>

CSS:

.circle{
    border:3px solid yellow;
    background-color:darkBlue;
    width:100px;
    height:100px;
    border-radius:50px;
    -webkit-border-radius:50px;
    color:#ffffff;
    text-align:center;
}

.circle p{
    height:100%; 
    padding-top:10px;
}

.circle-enlarged{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

Jクエリ:

$('.circle').on('click', function(e){
    $(this).toggleClass('circle-enlarged');
});
于 2013-08-15T03:41:44.807 に答える
0

クリックした要素にクラスを追加し、その状態を確認します。

$('#c1').click(function(e) {
   var that = $(this);

   if( that.hasClass('active_circle') ) {
       that.removeClass('active_circle');
       // Reset circle to normal state
   }
   else {
       that.addClass('active_circle');
       // Resize circle
   }
});
于 2013-08-15T03:29:57.023 に答える