如何使用Jquery正确执行幻灯片

时间:2009-08-24 12:57:11

标签: jquery css ajax

我有一个生成箭头>>的div类。当点击该div时,我想显示应该从左向右滑动的项目列表,并且应该等待20秒。再次点击时,它应向左滑动并消失。

我正在尝试使用Jquery但不能正常工作 请帮我。任何帮助将受到高度赞赏。

2 个答案:

答案 0 :(得分:8)

   $("#right").click(function(){
      $(".block").animate({"right": "+=50px"}, "slow");
    });

此代码假定一个元素在容器元素中具有类“block”,其id为“right”。具有“块”类的元素将是将在50px左右向右滑动的元素。

为了帮助您自己尝试这些教程:

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

答案 1 :(得分:0)

<script>
$(document).ready(function () {       
    $("#search-inline").click(function() {
        $(".window_box").toggle({"left": "+=250px"}, 3000);
    });
});
</script>

//click link
<a id="search-inline" title="Search"  href="#content" alt="Search"> Search </a>

//initially hide the div
<div class="window_box" style="display:none; width:500px; height:500px;"> 
//content 
</div>