忍者ブログ
WEBデザインの勉強をしながら、作成したものや、調べた内容を載せていきます。
[11]  [10]  [9]  [8]  [7]  [6]  [5
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

スライドショーを表示するAjaxライブラリです。
jQuery Easing Plugin 取得
easing








<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>

<script type="text/javascript">
$('#scrolldown').cycle({
    fx: 'scrollDown',
    easing: 'easeOutBounce',
    delay: -2000
});
</script>

<!-- 【画像の配置】 -->

<div id="cycle">
    <img src="./images/image1.jpg" width="100" height="100" alt="" />
    <img src="./images/image2.jpg" width="100" height="100" alt="" />
    <img src="./images/image3.jpg" width="100" height="100" alt="" />
</div>
>>>>>>>>>>

サンプル【6



拍手[1回]

PR
<< Next : Home : Back >>
*Powered by NINJA BLOG *Designed by 龍羽風磨
忍者ブログ [PR]