网络版 RSS 阅读器,javascript 控件

最新推荐文章于 2021-02-21 14:32:19 发布

原创最新推荐文章于 2021-02-21 14:32:19 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #rss #网络 #border #function #google

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一款使用GoogleFeed实现的在线RSS阅读器，具备SlideShow功能。通过整合prototype.js、rico.js及mrssReader.js等资源，实现了多RSS源订阅，并以滑动展示的方式呈现内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 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");