弹出滑块效果

[javascript]代码库
<script type="text/javascript" src="js/jquery.min.js">
</script>
<script type="text/javascript">
    $(function() {
        /**
                * solve IE AJAX cache problem
                */
        $.ajaxSetup({
            cache: false
        });
 
        /**
                * the index of the current element / blog selected
                * and the total number of elements / blogs
                */
        var current = -1;
        var total = $('#friendsList').children().length;
 
        /**
                * when we click on a blog link,
                * we get the latest post with an AJAX request
                */
        $('#friendsList a').bind('click',
        function(e) {
            var $this = $(this);
            show();
            var $elem = $this.parent();
            current = $elem.index() + 1;
            var source = $elem.attr('class');
            /**
                    * add the title and image of the blog
                    */
            $('#blog_info').empty().html('<img src="images/' + source + '.jpg"></img>' + $this.find('em').html());
            $.get('rss.class.php', {
                source: source
            },
            function(data) {
                $('#latest_post').removeClass('loading').html(data);
            });
            e.preventDefault();
        });
 
        /**
                * show the dialog with the post
                */
        function show() {
            $('#overlay').show();
            if (!$('#modal').is(':visible')) $('#modal').css('left', '-260px').show().stop().animate({
                'left': '50%'
            },
            500);
        }
 
        /**
                * hide the dialog
                */
        function hide() {
            $('#modal').stop().animate({
                'left': '150%'
            },
            500,
            function() {
                $(this).hide();
                $('#overlay').hide();
                $('#latest_post').empty();
            });
        }
 
        /**
                * clicking on the cross hides the dialog
                */
        $('#modal .close').bind('click',
        function() {
            hide();
        });
 
        /**
                * clicking on the next on the dialog
                */
        $('#modal .next').bind('click',
        function(e) {
            if (current == total) {
                e.preventDefault();
                return;
            }
            $('#latest_post').empty().addClass('loading');
            $('#friendsList li:nth-child(' + parseInt(current + 1) + ')').find('a').trigger('click');
            e.preventDefault();
        });
 
        /**
                * clicking on the prev on the dialog
                */
        $('#modal .prev').bind('click',
        function(e) {
            if (current == 1) {
                e.preventDefault();
                return;
            }
            $('#latest_post').empty().addClass('loading');
            $('#friendsList li:nth-child(' + parseInt(current - 1) + ')').find('a').trigger('click');
            e.preventDefault();
        });
    });
</script>
用户注册

用户登录

发表随想

该用户最新代码

编程随想

[javascript]代码库

网友评论 (发表评论)

发表评论：

评论须知：

扫码下载

输入口令后可复制整站源码
