[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js
マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。 デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="jquery-1.10.2.js"></script> <script type="text/javascript" src="jquery.horizonScroll.js"></script> </head> スマホなどタッチデバイス対応にする場合は、touchSwipe.jsも加えます。 <head> ... <script type="tex
![[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c79333735eb75d10033e33d194426b66f5def3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png)
jQueryを中心としたJavaScript
�フレームワークを利用した�シングルページアプリケーションの制御 GMOインターネット次世代システム研究室の勉強会発表資料。 2015年12月作成。 案件対応期間は2015年4月-8月。
jQueryのプラグインを探す時に便利なサイトのまとめ
星の数ほどあるたくさんのjQueryのプラグインから、目的にあったものを探すのはなかなか大変ですよね。そんな時に役立つ便利なサイトをまとめました。 まずは手前ミソで自分がまとめたものから。 これは本当に多大な労力と実際の動作確認もしているので自信をもってオススメできます。 jQueryのプラグイン100選 -2013年総集編 日々チェックしているスクリプトから厳選して一年単位でjQueryのプラグインをカテゴリごとに選出しています。プラグインの半分近くは個別に記事も書いてあります。 jQueryのプラグイン100選 -2012年総集編 jQueryのプラグイン100選 -2011年総集編 jQueryのプラグイン100選 -2010年総集編 jQueryのプラグイン100選 -2009年総集編 jQueryのプラグイン100選 -2008年総集編
[jQuery] レスポンシブ表示・スワイプ切り替え対応でモバイルページにも使いやすい画像スライドショープラグイン – SlidesJS
以前は、Slides, A Slideshow という名前だった多機能スライドショープラグインですが、いつの間にか SlidesJS という名前に変わり、機能もシンプルに、かつマルチデバイス対応できるものに変わっていました。 オプションや使い方などもマルっと変わっていたため、古いバージョンの内容を削除し現在の仕様内容へ書き換えました。 SlidesJS プラグインの特徴 モバイルページにも使いやすいよう画像のレスポンシブ表示が可能で、スワイプでの画像切り替えもできます。 オプションでページャー・ページナビゲーション・自動再生の開始と停止ができ、エフェクトはスライドにもフェードにも変更できます。欲しい機能が揃っている上、設置も簡単です。 ダウンロード プラグインのダウンロードは以下のページより。 SlidesJS, a responsive slideshow plug-in for jQu
![[jQuery] レスポンシブ表示・スワイプ切り替え対応でモバイルページにも使いやすい画像スライドショープラグイン – SlidesJS](https://cdn-ak-scissors.b.st-hatena.com/image/square/13dbe7efe8ed31a6d9a46b661656ca737229776f/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2011%2F12%2Ficon.png)
3階層以上のドロップダウンメニューを表示するjQueryプラグインdroppy | 愚者の紋章 -The Fool-
当ブログのメニューは3階層以上のプルダウンメニューを表示することができる jQuery のプラグイン droppy を使ってます。 ナビゲーションにマウスオーバーすると下の階層が 「ニュ！」 と飛び出してくる、なかなか楽しい jQuery プラグインです。 尚、当ブログで使用した droppy は配布サイトからダウンロードしたオリジナルですが、 CSS は後述するサイト様からまるごと拝借したものです。 IE6 と IE7 のハックが施されたもので、透過しないものになります。 jQueryプラグインdroppy の導入・設定jQuery project page. より Droppy をダウンロード。（バージョン0.1.2 使用）ZIPファイルを解凍して docs フォルダ → javascripts フォルダにある jquery.droppy.js を開き 「$」 となってる箇所を 「jQ
Serie3 - Workshops
ABOUT The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self. Demonstration HOW TO USE It is very easy. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」
TOP > WebDesign > jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」 軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。 AviaSlider – a unique jQuery Image slideshow plugin 画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。 詳
iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」
twitter facebook hatena google pocket ページに外部ページを表示させる方法にiframeがありますが、XHTML 1.0 StrictやXHTML 1.1で「非推奨要素・属性」となっています。 JQuery iFrame Pluginを使用すれば、これを一見クリア（多分）しつつ、iframeが使用できます。 （追記：2007.11.25） ＊コメントいただいたように、オンラインチェッカーではValidになりますが、出力されたものはValidではありません。 これにともないタイトルを変更しました。 変更前：iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」 変更後：iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」 sponsors 使用方法 JQue
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.13? Compatibility with recent jQuery versions (up to 3.6): Usage of deprecated jQuery API
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
bassistance.de » jQuery plugin: Accordion
This plugin is now part of jQuery UI and this standalone version won’t be updated anymore. The page will remain as a reference. This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automaticall
jScrollPane
jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS. jScrollPane is crossbrowser, working on all browsers that support jquery and it also degrades gracefully. If a user's browser doesn't support jQuery or has J
Parker Fox Recruitment Consultancy – Manchester
The North West’s Premier Recruitment Consultancy. For over 30 years we have specialised in matching candidates with outstanding companies. Take a look at our current roles to find your perfect role today. 30 years of experience within the security systems sector. We know the market. Whether you are looking for one person or an entire specialised team, we have the ability to source and match high-c
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
jQuery.lightpop.js - dogmap.jp
オプションの設定 オプションを設定することで、フレーム枠の見た目を変更したりできます。 オプションは、ざっと次の通り。 通常のオプション overlayBgColor: オーバーレイの背景色 overlayOpacity: オーバーレイの透明度 contentFrameType: 'border' (通常) or 'box' (画像を使用してフレームを表示) contentBgColor: コンテンツの背景色 containerBorderSize: コンテンツの脇に表示する空白の幅を px で指定 containerResizeSpeed: リサイズアニメーション時のスピードを数値で指定 imageLoading: 読み込み中に表示する画像ファイルのパス imageBtnClose: 「閉じる」ボタン用の画像ファイルのパス imageBtnPrev: 「前へ」ボタン用の画像ファイルのパス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
My Page Order
http://moto-mono.net/2009/07/07/jqueryplugins-i-have-used.html
jQueryサンプル集 | DesignWalker
Superfish Suckerfish on ’roids