Home > tips | web > スムーズにスライドするタブ型コンテンツ

スムーズにスライドするタブ型コンテンツ

  • 2010-05-20 (木) 19:31
  • tips | web

いいねー。

autoにする場合は

<script type="text/javascript">
   $().ready(function() {
    $('#coda-slider-2').codaSlider({
     autoSlide: true,
     autoSlideInterval: 4000,
     autoSlideStopWhenClicked: true
    });
   });
</script>
<div class="coda-slider preload" id="coda-slider-2">

とするとうごーく!
最初ダウンロードデータの中に入ってたhtmlのscript箇所だけ変えて動かなーいとあせってしまったが、id変えてなかっただけ…はずかしっ!

さらにちょっとカスタマイズしてみると、

« left を « だけにしたい場合は、
jquery.coda-slider-2.0.js 27行目のdynamicArrowLeftText: “« left”,の箇所を変更
そしてその背景スタイルはcoda-slider-2.0.css 29行目の
 .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
を変更すればOK!

【ダウンロードサイト】
Coda-Slider 2.0

関連記事

コメント:86

****** 12-12-19 (水) 3:34
このコメントは管理者の承認待ちです
****** 13-05-17 (金) 18:30
このコメントは管理者の承認待ちです
****** 13-08-09 (金) 10:23
このコメントは管理者の承認待ちです
****** 13-08-15 (木) 0:31
このコメントは管理者の承認待ちです
****** 13-08-16 (金) 16:39
このコメントは管理者の承認待ちです
****** 13-08-31 (土) 18:25
このコメントは管理者の承認待ちです
****** 13-09-04 (水) 0:22
このコメントは管理者の承認待ちです
****** 13-09-23 (月) 18:42
このコメントは管理者の承認待ちです
****** 13-09-24 (火) 15:34
このコメントは管理者の承認待ちです
****** 13-10-17 (木) 22:57
このコメントは管理者の承認待ちです
****** 13-10-23 (水) 7:43
このコメントは管理者の承認待ちです
****** 13-10-28 (月) 16:02
このコメントは管理者の承認待ちです
****** 13-10-29 (火) 22:49
このコメントは管理者の承認待ちです
****** 13-10-30 (水) 15:10
このコメントは管理者の承認待ちです
****** 13-10-31 (木) 15:06
このコメントは管理者の承認待ちです
****** 13-11-03 (日) 2:43
このコメントは管理者の承認待ちです
****** 13-11-11 (月) 18:40
このコメントは管理者の承認待ちです
****** 13-11-12 (火) 8:41
このコメントは管理者の承認待ちです
****** 13-11-26 (火) 14:29
このコメントは管理者の承認待ちです
****** 13-12-10 (火) 4:42
このコメントは管理者の承認待ちです
****** 13-12-11 (水) 3:15
このコメントは管理者の承認待ちです
****** 14-01-13 (月) 20:01
このコメントは管理者の承認待ちです
****** 14-04-18 (金) 9:06
このコメントは管理者の承認待ちです
****** 14-04-22 (火) 10:15
このコメントは管理者の承認待ちです
****** 14-06-03 (火) 1:02
このコメントは管理者の承認待ちです
****** 14-06-25 (水) 17:40
このコメントは管理者の承認待ちです
****** 15-01-21 (水) 9:47
このコメントは管理者の承認待ちです
****** 15-05-08 (金) 6:08
このコメントは管理者の承認待ちです
****** 15-05-26 (火) 17:36
このコメントは管理者の承認待ちです
****** 15-06-12 (金) 16:19
このコメントは管理者の承認待ちです
****** 15-06-12 (金) 17:06
このコメントは管理者の承認待ちです
****** 15-06-17 (水) 5:39
このコメントは管理者の承認待ちです
****** 15-06-26 (金) 10:22
このコメントは管理者の承認待ちです
****** 15-06-30 (火) 16:59
このコメントは管理者の承認待ちです
****** 15-07-04 (土) 16:32
このコメントは管理者の承認待ちです
****** 15-07-04 (土) 23:31
このコメントは管理者の承認待ちです
****** 15-07-07 (火) 18:41
このコメントは管理者の承認待ちです
****** 15-07-15 (水) 10:09
このコメントは管理者の承認待ちです
****** 15-07-19 (日) 0:00
このコメントは管理者の承認待ちです
****** 15-07-23 (木) 5:40
このコメントは管理者の承認待ちです
****** 15-07-23 (木) 13:55
このコメントは管理者の承認待ちです
****** 15-07-28 (火) 2:28
このコメントは管理者の承認待ちです
****** 15-07-31 (金) 2:36
このコメントは管理者の承認待ちです
****** 15-07-31 (金) 17:43
このコメントは管理者の承認待ちです
****** 15-08-03 (月) 19:20
このコメントは管理者の承認待ちです
****** 15-08-04 (火) 21:14
このコメントは管理者の承認待ちです
****** 15-08-05 (水) 18:55
このコメントは管理者の承認待ちです
****** 15-08-06 (木) 20:24
このコメントは管理者の承認待ちです
****** 15-08-06 (木) 21:54
このコメントは管理者の承認待ちです
****** 15-08-09 (日) 20:38
このコメントは管理者の承認待ちです
****** 15-08-09 (日) 20:47
このコメントは管理者の承認待ちです
****** 15-08-12 (水) 20:55
このコメントは管理者の承認待ちです
****** 15-08-17 (月) 19:37
このコメントは管理者の承認待ちです
****** 15-08-20 (木) 17:56
このコメントは管理者の承認待ちです
****** 15-08-25 (火) 20:56
このコメントは管理者の承認待ちです
****** 15-08-26 (水) 1:55
このコメントは管理者の承認待ちです
****** 15-08-28 (金) 18:32
このコメントは管理者の承認待ちです
****** 15-08-29 (土) 5:50
このコメントは管理者の承認待ちです
****** 15-08-31 (月) 2:14
このコメントは管理者の承認待ちです
****** 15-08-31 (月) 3:11
このコメントは管理者の承認待ちです
****** 15-09-10 (木) 1:40
このコメントは管理者の承認待ちです
****** 15-09-11 (金) 3:19
このコメントは管理者の承認待ちです
****** 15-10-27 (火) 2:49
このコメントは管理者の承認待ちです
****** 15-11-10 (火) 8:42
このコメントは管理者の承認待ちです
****** 15-12-16 (水) 5:17
このコメントは管理者の承認待ちです
****** 15-12-28 (月) 17:45
このコメントは管理者の承認待ちです
****** 15-12-31 (木) 3:27
このコメントは管理者の承認待ちです
****** 15-12-31 (木) 9:00
このコメントは管理者の承認待ちです
****** 15-12-31 (木) 12:05
このコメントは管理者の承認待ちです
****** 16-01-01 (金) 1:26
このコメントは管理者の承認待ちです
****** 16-01-01 (金) 20:26
このコメントは管理者の承認待ちです
****** 16-01-02 (土) 18:18
このコメントは管理者の承認待ちです
****** 16-01-02 (土) 20:58
このコメントは管理者の承認待ちです
****** 16-01-02 (土) 23:35
このコメントは管理者の承認待ちです
****** 16-01-03 (日) 5:11
このコメントは管理者の承認待ちです
****** 16-01-03 (日) 16:15
このコメントは管理者の承認待ちです
****** 16-01-03 (日) 21:37
このコメントは管理者の承認待ちです
****** 16-01-04 (月) 3:06
このコメントは管理者の承認待ちです
****** 16-01-05 (火) 9:44
このコメントは管理者の承認待ちです
****** 16-01-09 (土) 2:48
このコメントは管理者の承認待ちです
****** 16-01-16 (土) 7:46
このコメントは管理者の承認待ちです
****** 16-02-03 (水) 16:59
このコメントは管理者の承認待ちです
****** 16-02-07 (日) 15:10
このコメントは管理者の承認待ちです
****** 16-02-08 (月) 11:38
このコメントは管理者の承認待ちです
****** 16-02-13 (土) 5:03
このコメントは管理者の承認待ちです
****** 16-05-30 (月) 19:24
このコメントは管理者の承認待ちです
コメントフォーム
Remember personal info

トラックバック:1

このエントリーのトラックバックURL
http://web.donnatokimo.com/tips/193/trackback
Listed below are links to weblogs that reference
スムーズにスライドするタブ型コンテンツ from ウェブなとき。
****** 13-05-20 (月) 6:03
このコメントは管理者の承認待ちです

Home > tips | web > スムーズにスライドするタブ型コンテンツ

want

Return to page top