原创 网络版 RSS 阅读器,javascript 控件收藏

新一篇: 一个封装搜索引擎的javascript类 | 旧一篇: 一个Javascript 图片滚动类

使用 Google Feed, 制作了一个具有 Slide Show功能的 在线 RSS 阅读器:
src code: 
       prototype.js    rico.js    mrssReader.js

example code: (www.cdyw.org )
<html>
  <head>
      <style type="text/css">
   .reader   { width: 600px; border: 1px solid black; padding: 0px; border-color:#CCCC33}
   .title    { line-height: 26px; height: 26px; background-color: #BACCD9; }
   .content  { width: 100%; height: 400px; overflow: hidden; border-top: 1px solid black; border-bottom: 1px solid black; }
   .layer1   { width: 100%; height: 400px; background: #ffffee; position: relative; top: 0px; left: 0px; overflow: auto; }
   .layer2   { width: 100%; height: 400px; background: #ffffee; position: relative; top: -400px; left: 0; overflow: auto; }
   .controls{ text-align: center; padding-top: 4px; padding-bottom: 4px; background-color: #BACCD9; }
   .controls input{width: 100px;background-color: #8C8C8C;color: #000000;font-size: 12px;}
   .added    { background-color:silver; }
   .RSSFeed  { font-weight: bold; color: Green; }
   .itemTitle{ color: navy; }
   .rssItemContent {border-top:1px solid black;width:590px;height:350px;overflow:auto;padding:5px;margin-top:2px;}

    </style>
    <script type="text/javascript" src="
http://www.google.com/jsapi?key=YOU_GOOGLEKEY"></script>
    <script language="javascript" type="text/javascript" src="js/prototype.js"></script>
    <script language="javascript" type="text/javascript" src="js/rico.js"></script>
    <script language="javascript" type="text/javascript" src="js/mrssReader.js"></script>   
    <script type="text/javascript">
    google.load("feeds", "1");
    function initialize() {
      var options = new Array();
      options[0] = "
http://shudingbo.spaces.live.com/category/javascript/feed.rss";
      options[1] = "
http://shudingbo.spaces.live.com/category/asp.net/feed.rss";
      options[2] = "
http://shudingbo.spaces.live.com/category/%e5%bf%83%e8%af%ad/feed.rss";        
      var rssReader = new RSSReader('feed', options );
    }
    </script>
  </head>
  <body onLoad="initialize()">
    <div id="feed"></div>
  </body>
</html>
 

发表于 @ 2007年06月02日 17:58:00|评论(loading...)|编辑

新一篇: 一个封装搜索引擎的javascript类 | 旧一篇: 一个Javascript 图片滚动类

评论:没有评论。

发表评论  


当前用户设置只有注册用户才能发表评论。如果你没有登录,请点击登录
Csdn Blog version 3.1a
Copyright © Lava_sdb