zRSSFeed03
☆★データーでの確認★☆
zRSSFeed
RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder
Formatting RSS feed dates
使用.jsファイル
【 外部読み込みファイル 】
《 1.7.1jquery.min 》
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"> </script>
《 jquery.zrssfeed.min 》
<script src="jquery.zrssfeed.min.js" type="text/javascript"></script>
ソースコード
ソースコード【 HTML 】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>zRSSFeed - Formatting RSS feed dates</title> <link href="jquery.zrssfeed.css" rel="stylesheet" type="text/css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="jquery.zrssfeed.min.js" type="text/javascript"></script> </head> <body> <h1>zRSSFeed - Formatting RSS feed dates</h1> <h4>Result 1: 前田敦子オフィシャルブログ (default)</h4> <div id="test1"></div> <h4>Result 2: 前田敦子オフィシャルブログ 'date'</h4> <div id="test2"></div> <h4>Result 3: 前田敦子オフィシャルブログ 'time'</h4> <div id="test3"></div> <h4>Result 4: 前田敦子オフィシャルブログ 'timeline'</h4> <div id="test4"></div> <h4>Result 5: 前田敦子オフィシャルブログ 'dd/MM/yyyy hh:mm:ss'</h4> <div id="test5"></div> <h4>Result 6:前田敦子オフィシャルブログ 'MMMM yyyy'</h4> <div id="test6"></div> <script type="text/javascript"> $(document).ready(function () { $('#test1').rssfeed('http://feedblog.ameba.jp/rss/ameblo/atsuko-maeda/rss20.xml',{ limit: 3, dateformat: 'datetime' }); $('#test2').rssfeed('http://feedblog.ameba.jp/rss/ameblo/atsuko-maeda/rss20.xml',{ limit: 3, dateformat: 'date' }); $('#test3').rssfeed('http://feedblog.ameba.jp/rss/ameblo/atsuko-maeda/rss20.xml',{ limit: 3, dateformat: 'time' }); $('#test4').rssfeed('http://feedblog.ameba.jp/rss/ameblo/atsuko-maeda/rss20.xml',{ limit: 3, dateformat: 'timeline' }); $('#test5').rssfeed('http://feedblog.ameba.jp/rss/ameblo/atsuko-maeda/rss20.xml',{ limit: 3, dateformat: 'dd/MM/yyyy hh:mm:ss' }); $('#test6').rssfeed('http://feedblog.ameba.jp/rss/ameblo/atsuko-maeda/rss20.xml',{ limit: 3, dateformat: 'MMMM yyyy' }); }); </script> </body> </html>
@charset "UTF-8"; /* * Example of zRSSFeed Styling (Optional) * * Version: 1.2.0 * (c) Copyright 2011-2013, Zazar Ltd * */ body { margin: 1em 3em; font-family: Tahoma, Genevam, sans-serif; } .rssFeed { font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin: 2em 3em; } .rssFeed a { color: #444; text-decoration: none; } .rssFeed a:hover { color: #000; text-decoration: underline; } .rssHeader { padding: 0.2em 0; } .rssBody { border: 1px solid #999; } .rssBody ul { list-style: none; } .rssBody ul, .rssRow, .rssRow h4, .rssRow p { margin: 0; padding: 0; } .rssRow { padding: 0.8em; } .rssRow h4 { font-size: 1.1em; } .rssRow div { font-size: 90%; color: #666; margin: 0.2em 0 0.4em 0; } .odd { background-color: #e8e8fc; } .even { background-color: #d4d4e8; } .rssRow .rssMedia { padding: 0.5em; font-size: 1em; }
ブラウザで表示【 FireFox 】
IEtester【 IE7 】
IEtester【 IE8 】
IEtester【 IE9 】
ブラウザで表示【 Chrome 】