2011年05月30日

jQuery:画像やテキストが自動で切り替わるプラグイン、InnerFade

ポップアップでスライドショーとかはよくあるのですが、だただた、画像やテキストが切り替わるものを探していたらちょうどいいのがあったので。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#list').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '1em'
});
}
);
</script>
<style type="text/css" media="screen, projection">
@import url(css/jq_fade.css);
</style>        


<ul id="list">
<li>
<a href="#n1">りんご</a>
</li>
<li>
<a href="#n2">みかん</a>
</li>
<li>
<a href="#n3">パイナップル</a>
</li>
</ul>

参考URL:
http://medienfreunde.com/lab/innerfade/

この記事へのトラックバックURL

http://trackback.blogsys.jp/livedoor/zasso77/51608781 

トラックバックはまだありません。

コメントはまだありません。

コメントする。

絵文字
 
星  顔