jquery的幻灯片动画无法正常运行

时间:2015-11-01 11:43:57

标签: javascript jquery html jquery-animate

单击按钮时,我会从左侧向右侧滑动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。我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:0)

基本的jquery包没有这个效果。您还必须使用jQuery UI库。 jQuery UI

有关更多幻灯片效果Slide effect

,请参阅此文档