簡體   English   中英

jQuery的幻燈片動畫無法正常工作

[英]the slide animation of jquery doesn't work properly

單擊一個按鈕時,我會從左向右滑動div。 我使用以下代碼:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<body>
    <button type="button" onClick="f1()">click</button>
    <div id="p1" style="display:none">
        content
    </div>
</body>
<script type="text/javascript">
    function f1(){
        $('#p1').show("slide", { direction: "left" }, 5000);
    }
</script>

但過渡不會發生,幻燈片動畫也不會顯示。 單擊按鈕后,立即顯示“ p1” div。 我該如何解決?

基本的jquery包沒有這種效果。 您還必須加入jQuery UI庫。 jQuery UI

有關更多幻燈片效果,請參閱此文檔。 幻燈片效果

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM