jQueryを使用した、糞スレチェッカーからPHPを介したフィードを表示するシンプルなティッカーです。

ソース及びfeed.phpはHTMLをXML化してDOMやXPathで操作するWebスクレイピング用PHPクラスを参考に使用させて頂きました。
jQueryによるフィードの処理についてはjFeedを利用させて頂きました。

まずないとは思いますが、万が一サーバーに過剰な負荷をかけてしまう場合は速やかに削除いたします。

もしご利用されたい場合は、jQueryおよび、jFeedよりスクリプトプラグインを準備した後、
以下のようなソースを貼ってください。。

■ 描画の処理

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.jfeed.js" type="text/javascript"></script>
<script src="js/jquery.jfeed.pack.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){

    var first = 0;
    var speed = 1200;
    var pause = 12000;

        function removeFirst(){
            first = $('ul#listticker li:first').html();

            $('ul#listticker li:first')
            .animate({height: 'toggle', opacity: 'toggle'}, 'slow', function() {$(this).remove();});
            addLast(first);
        }

        function addLast(first){
            last = '<li style="display:none;">'+first+'</li>';
            $('ul#listticker').append(last)
            $('ul#listticker li:last')
            .animate({height: 'toggle', opacity: 'toggle'}, speed)
            .fadeIn('slow')
        }

    interval = setInterval(removeFirst, pause);
});
// -->
</script>

■ jFeedによるRSSの処理

<script type="text/javascript">
<!--
jQuery(function() {

    jQuery.getFeed({
        url: 'http://aquabuzz.me.land.to/php/examples/feed.php',
        success: function(feed) {
            var html = '';
            var rank = 1;
            for(var i = 0; i < 40; i++) {
                html += '<li>' + rank + '位: ' + '<a href="' + feed.items[i].link + '">'
                     + feed.items[i].title + '</a></li>';
                i += 1;
                rank++;
            }
                jQuery('#listticker').append(html);
        }
    });
});
// -->
</script>
<ul id="listticker">
<div class="ntickerdiv">
<p class="ntickertitle">糞スレランキングティッカー</p>
</div> </ul>

■ スタイルシート (headタグ、必要に応じて変更)

<style type="text/css">
#listticker{
    height:236px;
    width:300px;
    overflow:hidden;
    border:solid 1px #DEDEDE;
    padding:3px 10px 6px 10px;
}

    #listticker li{
        height:20px;
        padding:5px;
        list-style:none;
    }
    #listticker a{
        font-weight:bold;
        color:#666;
        font-size:1.0em;
    }
    .ntickerdiv {
        padding-bottom:3px;
    }
    .ntickertitle {
        text-align:center;
        font-size:16px;
        color:#111;
    }
</style>

戻ります