jquery - 爆炸效果jquery不工作

Question

我有一个横幅，需要在 jquery 中通过爆炸效果出现。

html:

<div class="banner">
<div class="click-for-more">Click For More!</div>
</div>
<div class="mosaic">
<div class="close-btn">X</div>
<img src="1280x1024(image).jpg">
</div>

j查询:

 $(document).ready(function(){
$(".click-for-more").click(function(e){
        e.preventDefault();
         $('.mosaic').show("explode", { pieces: 64 }, 2000);
    });

$(".close-btn").click(function(){
         $('.mosaic').hide("explode", { pieces: 64 }, 2000); 
    });
});

然而，效果并没有起作用，而是在它出现之前就滞后了。为什么会这样？我在代码中做错了什么吗？

Answer 1

试试这个:- http://jsfiddle.net/adiioo7/RvCS6/

JS:-

$(".click-for-more").click(function(e){
        e.preventDefault();
        $('.mosaic').show("explode", { pieces: 64 }, 2000);
    });

$(".close-btn").click(function(){
        $('.mosaic').hide("explode", { pieces: 64 }, 2000); 
    });