使用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 {
                        width: 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>
复制代码

 

posted @   创想中国(羲闻)  阅读(345)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
历史上的今天:
2012-05-09 推荐6款优秀的海外免费杀毒软件 附下载链接
点击右上角即可分享
微信分享提示