使用jquery订阅tumblr blog

<!DOCTYPE html>
<html>
<head>
        <meta charset=utf-8 />
        <title></title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <!--[if IE]>
                <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        <style>
                div.posts {
                        margin-top: 25px;
                        padding: 5px;
                }
                #tumblrfeed {
                         500px;
                        height: 
                }
        </style>
 
        <script type="text/javascript">
                var limit = 5;
                var url = 'http://xealgo.tumblr.com';
                
                $.getJSON(url+'/api/read/json?num='+limit+'&callback=?', function(data) {
                        $.each(data.posts, function(i,posts){
                                if(posts.type == 'video'){
                                        displayVideoPost(posts);
                                } else if(posts.type == 'link'){
                                        displayLinkPost(posts);
                                } else if(posts.type == 'regular'){
                                        displayTextPost(posts);
                                }
                        });
                });
                
                function displayTextPost(posts){
                        if(posts == null) return;
                        $('#tumblrfeed').append('<div class="posts"><h1>'+posts['regular-title']+"</h1>");
                        $('#tumblrfeed').append(posts['regular-body']+'</div>');
                }
                
                function displayLinkPost(posts){
                        if(posts == null) return;
                        $('#tumblrfeed').append('<div class="posts"><h1>'+posts['link-text']+"</h1>");
                        $('#tumblrfeed').append(posts['link-url']);
                        $('#tumblrfeed').append(posts['link-description']+'</div>');
                }
                
                function displayVideoPost(posts){
                        if(posts == null) return;
                        $('#tumblrfeed').append('<div class="posts"><h1>'+posts['video-caption']+"</h1>");
                        $('#tumblrfeed').append(posts['video-player-250']+'</div>');
                }
                
        </script>
        
</head>
<body>
        <div id="tumblrfeed">
        </div>
</body>
</html>
使用jquery订阅tumblr blog

推荐阅读
