jQueryで実装しているとは思えないほど滑らかにスライドします。またスライドの種類が豊富で、縦、横、またはその組み合わせや、タブなんかも実装できます。PCではドラッグでスライドさせることが出でき来ます。 一般的な横スライドです。 1ページに複数のスライドを含ませることもできます。 横をベースに、縦スライドも含ませています。面白いですね。 こんなのも実装できます。アイコンリストが横スライドし、アイコンをタッチすると紹介文章が表示されます。 「Swiper」の基本的な横スライドの実装方法をご紹介します。まずは外部ファイルを読み込みましょう。 <link rel="stylesheet" href="idangerous.swiper-2.css"> <script src="idangerous.swiper-2.js"></script> HTMLはこのようにマークアップします。コメントを

スクロールバーを上下左右どこでも出せるJqueryプラグイン「Tiny Scrollbar」のご紹介。 軽いしカスタムもしやすいのでとても良いプラグインです。 本家は色々複雑なことをやっているので、 今回はよりシンプルにして上下左右いろいろな場所に設置するデモを作った。 デモ：demo ■右 css #scrollbar1 { width: 440px; height: 298px; padding: 20px; border: solid 1px #cccccc; margin-bottom: 20px; } #scrollbar1 .viewport { width: 400px; height: 100%; overflow: hidden; position: relative; } #scrollbar1 .overview { position: absolute; }