• jQuery系のJavaScriptを設置してからおかしくなった。
• 以前もjQuery系とPrototype系とでかみ合わなかった。

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.idTabs.min.js"></script>

<div id="squaretab" class="pack">
  <ul>
    <li><a href="#b-1" class="selected">1</a></li>
    <li><a href="#b-2">2</a></li>
    <li><a href="#b-3">3</a></li>
    <li><a href="#b-4">4</a></li>
  </ul>
  <div>
    <p id="b-1">コンテンツ1</p>
    <p id="b-2">コンテンツ2</p>
    <p id="b-3">コンテンツ3</p>
    <p id="b-4">コンテンツ4</p>
  </div>
</div> 

<script type="text/javascript">
  $("#squaretab").idTabs(function(id,list,set){
    $("a",set).removeClass("selected")
    .filter("[@href='"+id+"']",set).addClass("selected");
    for(i in list)
      $(list[i]).hide();
    $(id).fadeIn();
    return false;
  });
</script>

#squaretab {
        width: 460px;
}

#squaretab ul {
        float: left;
        display: block;
        width: 60px;
        height: 60px;
        overflow: hidden;
        list-style: none;
        background: #3399cc;
}

#squaretab ul li {
        float: left;
}

#squaretab ul li a {
        display: block;
        width: 30px;
        height: 30px;
        color: #ffffff;
        text-align: center;
        line-height: 2.2;
        text-decoration: none;
}

#squaretab ul li a:hover {
        color: #336699;
        background: #ffffff;
}

#squaretab ul li a.selected {
        color: #ffffff;
        background: #336699;
}

#squaretab div {
        float: right;
        width: 400px;
        height: 60px;
        color: #ffffff;
        background: #3399cc;
}

#squaretab p {
        padding: 10px 35px;
}

.pack:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

/* Hides from IE-mac \*/
* html .pack {
        height: 1%;
}
/* End hide from IE-mac */

*:first-child+html .pack {
        min-height: 1px;
}

<script type="text/javascript">

var newsfeed=new gfeedpausescroller("rss-roll-4", "rss-roll-4class", 8000, "_new")
newsfeed.addFeed("テクノロジー", "http://feeds.reuters.com/reuters/JPTechnologyNews")
newsfeed.addFeed("マーケット", "http://feeds.reuters.com/reuters/JPMarketNews")
newsfeed.addFeed("ビジネス", "http://feeds.reuters.com/reuters/JPBusinessNews")
newsfeed.displayoptions("datetime snippet")
newsfeed.setentrycontainer("p")
newsfeed.filterfeed( 15, "label")
newsfeed.entries_per_page(3)
newsfeed.init() 

</script>

• 1行目

  id名、class名、ポーズ（ミリ秒）、リンクターゲット。

• 2行目～4行目

  表示するラベル名、フィードURI

• 5行目

  使用できるパラメータ「date（日）」「time（時間）」「datetime（日時）」「label（ラベル名）」「snippet（記述の冒頭部分）」「description（概要）」の選択と表示順の指定

• 6行目

  タグ名<p><li>の指定。エントリーをリスト表示するのか、段落表示するのか選択できます。初期値は<div>

• 7行目

  表示エントリー総数、表示配分の仕方。複数のフィードの場合、配分されます。配分のパラメーターは「date」「label」「title」です（初期値は「date」）

• 8行目

  ワンポーズに表示するエントリー数。初期値は1。

<div id="navi" class="packet">
<ul>
<li><a href="/">ホーム</a></li>
<li class="stay"><a href="about.html">このサイトについて</a></li>
<li><a href="sitemap.html">サイトマップ</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</div>
<div id="marker"><span class="about">▼</span></div>

#navi {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
width: 100%;
font-size: 11px;
margin: 20px 0 0 0;
padding: 20px 0;
background: #fff;
}

#navi ul {
list-style-type: none;
overflow: hidden;  /*レイアウト崩れ防止*/
height: 60px;  /*ボックスの高さを指定*/
margin: 0;
padding: 0;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

#navi li {
float: left;  /*後続を左寄せに浮動させる*/
width: 94px;
margin: 0 1px 0 0;
padding: 0;
}

* html #navi li {
margin: 0;  /*IE6用のハック*/
}

#navi a {
display: block;
padding: 35px 0 14px 0;
color: #aaa;
text-decoration: none;
text-align: center;
border-right: 1px solid #aaa;
background: #222;
width:100%;  /* for IE */
}

#navi .stay a {
background: #444;
}

#navi .stay a:hover {
color: #ccffcc;
background: #444;
}

#navi a:hover {
color: #ccffcc;
background: #444;
}

#marker {
font-size: 30px;
color: #444;
position: relative;
top: -36px;
}

#marker span {
display: block;
width: 30px;
height: 30px;
}

span.home {
position: relative;
left: 36px;
}

span.about {
position: relative;
left: 132px;
}

span.sitemap {
position: relative;
left: 226px;
}

span.contact {
position: relative;
left: 320px;
}

.packet:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7用ハック　▼ */
*:first-child+html .packet {
min-height:1px;
}
/* IE7用ハック　▲ */

/* Hides from IE-mac　▼ \*/
* html .packet {
height:1%;
}
/* hide from IE-mac　▲ */