BetterBlogRoll


Description: スライドするタブメニューです。条件分岐でIE用のcssを用意してクロスブラウザ対応させています。少しリッチなUIにしたい、という時にこうしたエフェクトがあると効果的ですね。要・jquery.easingです。
Sample: demo
Tutorial: Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery
License: -

Sample

Note

<script src='js/jquery-1.2.6.min.js' type='text/javascript'></script>
	<script src="js/jquery-easing.1.2.js" type='text/javascript'></script>
	<script src="js/jquery-easing-compatibility.1.2.js" type='text/javascript'></script>
	<script src="js/coda-slider.1.1.1.js" type='text/javascript'></script>
	<script type='text/javascript'>
		$(function () {
			$("#blogSlider").codaSlider();
		});
	</script>

いろいろ読み込みます。

Related snippet :

  • Description: タブメニューにマウスを乗せるだけでコンテンツを切り替えます。IE6だけ表示が崩れるので対策が必要です。使い勝手はとても良いのでうまく使っていきたいで ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: クロスブラウザ対応で使いやすいLightbox系のプラグイン。エフェクトやアニメーションがとっても可愛いです。画像をグループ化してマウスホイールで勧 ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...
  • Description: jQueryを使ってWYSIWYGを構築します。機能としてはやや乏しいですが、これはこれで面白いですね。一応、WYSIWYGの基本的な機能は揃ってい ...
  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...
  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...