jQueryプラグインinnerfade.jsを使って、各種fadein、fadeout効果

innerfade.jsを使うことで、fadein、fadeout効果を使ったニュースティッカーやイメージスライダーなどを同時に実装できます。ニュースティッカーは、<ul id="news">の<li>要素に、イメージスライダーは、<ul id="portfolio">の<li>要素にそれぞれ内容を追加していくだけのシンプル構造です。

ニュースティッカー(ランダム表示)

イメージスライダー

クラス名を指定したdiv要素内のp要素

111

222

333

444

555

666

777

888

999

AAA

BBB

CCC

DDD

EEE

FFF

GGG

HHH

III

JJJ

KKK

LLL

MMM

NNN

OOO

PPP

QQQ

RRR

SSS

TTT

UUU

VVV

WWW

XXX

YYY

ZZZ

※引用、参考:http://medienfreunde.com/lab/innerfade/
戻るボタン