jQuery slider | ライブラリ | KANTENNA.COMHOME > ライブラリ > jQuery slider jQuery slider 画像のスライドではなく要素のスライドなのでコンテンツのカスタマイズがやりやすい。 (imageの中には何も入れられないけどdivの中にはなんでも入れられる的な) MIT Licenseでソースも小さくわかりやすいので、オプションでダメならソースをいじることもできそうな感じ。 使い方 jQuery本体とjquery.slider.min.js、jquery.slider.cssが必要となります。
マウスに合わせてメニューに要素が付いてくる
Result jQuery//マウスホバーイベント $('li a').hover(function() { var p = $(this).position().left; //マウスが乗るとclass="arrow"がアニメーションでポジションを変更 $('.arrow').animate({ //数値で位置を決める・・これだと汎用性が無いね:( left: (p + 60) + 'px'}); }, function() {});css.content { position: absolute; width: auto; height: 400px; } .arrow {/*矢印部分*/ position: absolute; margin-top: 0px; border-color: #696868 transparent; border-style: solid; border
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
