博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jQuery---Slide menu

Posted on 2008-07-25 19:42  linFen  阅读(1156)  评论(0编辑  收藏  举报

<script type="text/javascript">
$(document).ready(function() {
    $(".topMenuAction").click( function() {
        if ($("#openCloseIdentifier").is(":hidden")) {
            $("#slider").animate({
                marginTop: "-141px"
                }, 500 );
            $("#topMenuImage").html(’<img src="open.png"/>’);
            $("#openCloseIdentifier").show();
        } else {
            $("#slider").animate({
                marginTop: "0px"
                }, 500 );
            $("#topMenuImage").html(’<img src="close.png"/>’);
            $("#openCloseIdentifier").hide();
        }
    }); 
});
</script>


演示:
http://www.cssrain.cn/demo/jquery-sliding-menu/default.html

下载:
http://www.cssrain.cn/demo/jquery-sliding-menu/jquery-sliding-menu.rar


本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=875