紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ
2012年12月3日をもちまして、livedoor ナレッジのサービスは終了いたしました。 livedoor ナレッジを長年ご愛顧いただきまして、誠にありがとうございました。 今後ともLINE株式会社のサービスをよろしくお願いいたします。
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて (他力本願)、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて (他力本願)、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな~なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 : Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
slideViewer (a jQuery image slider built on a single unordered list) 1.2 Download slideViewer 1.2 (last updated july 9 2010) What's this? slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images: <div id="mygalleryinpost10.12.2006" class="svw"> <ul> <li><img src="picts/10.jpg" alt="my d
Usage Download the latest version of Galleriffic and jQuery 1.3 (also works with jQuery 1.2.6 ... use other versions of jQuery at your own risk) View the source of this page to see a full-featured example setup. All container selectors are optional, so you may choose to not include an area (such as the loading container or caption container). Here is an example of all the elements needed for a f
>> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
最近、jQueryに関わった情報が多い。 今回紹介するこのプラグインは、簡単な設定で、 ・フルスクリーンで稼動するスライドショーが 簡単に作成 だ。 ◆Supersized - Full Screen Background/Slideshow jQuery Plugin February 4th, 2009 under Resources by Sam Dunn 丁寧に利用方法が解説されている。 やってみよう・・・ ▼ 追記に ************************************************** Supersized:JavaScript jQuery 利用テスト ************************************************** ■jsファイルをダウンロード ・http://buildinternet.com/live/s
Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet! 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」。 次のように、ブラウザのサイズを変えても背景画像がリサイズされます。 更に、スライドショーのように背景を切り替え可能です。 ありそうでなかったかもしれないプラグインですね。 背景に迫力のあるものを設定すればインパクトが大きそうです。 関連エントリ 便利なjQueryプラグインいろいろ これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成 サイトに驚き!のページめくり効果をつけられるjQueryプラグイン
Lightbox 2.0とは? Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
LINE25で、Mootoolsを使ったlightboxスクリプトTOP10がまとまっています。 ざっといくつかご紹介。 » Smoothbox 画像、インナーHTML、Ajax、iframeをサポート » Multibox 画像、インナーHTML、Ajax、iframe、Flash、動画をサポート » RoeBox 画像をサポート » Litebox 画像をサポート » Milkbox 画像、Flashをサポート これはかなりすごいですね。。flvやmov、wmv、mp3をさっと埋め込めたりするのでいい感じです。ライセンスもMITのものがあるのでがんがん使えそうですね。 その他のリストは以下からどうぞ。 » Rounding Up the Top 10 Mootools Lightbox Scripts 今日はちょっとしたイベントへ。あといろいろ進めるぞ。
speckyboyで、jQueryで作る便利なツールチップが紹介されています。 ざっといくつかご紹介。 » qTip ツールチップに画像を表示させたり、コンテンツの入ったボックスを表示したりできる » jQuery Tooltip – Tooltips done right ふわっと浮き上がるツールチップ » jGrowl クリックすると、Growlのようなメッセージを表示 » jQuery Input Floating Hint Box inputのヒントを表示してくれるプラグイン » Tipsy – Facebook-Style Tooltip Plugin for jQuery Facebookスタイルのシンプルな吹き出し型ツールチップを表示 » jQuery Horizontal Tooltips Menu Tutorial マウスオーバーでかわいい吹き出しのツールチップ表示。↑の
ウェブサイトの技術っておもしろいよね RDF Site Summary RSS 2.0 このブログは、ウェブサイトで使われる様々な技術や表現についてトモヒロが実際に作成したり 考えたりした事を綴るブログです。 仕事や趣味等についても綴っていきたいと思っています。 おすすめ 最近の記事 カテゴリ ウェブ技術の実践 【Javascript】 フォームの見栄えを良くする 軽量アコーディオンスライダー 【Javascript】[Ajax] 自動入力補完 データ処理中に画像を表示 【Javascript】[Ajax] [prototype] [jQuery] 郵便番号から住所の自動補完 【Javascript】[prototype] テーブルで列の並べ替え 【Javascript】[jQuery] アニメーションするテキストリンク 注目させたい部分を強調 【PHP】 キーワードクラウド 【CSS】
TOP > WebDesign > シンプルで軽量なアコーディオンインターフェイス「Simple Javascript Accordions」 ブログやWEBページでメニュー部分がものすごく長くなるのは、使い勝手的にはあまり良い物ではありません。ただ日々運営していれば様々なアイデアが生まれコンテンツは増え続けてくると思います。そんな時に便利なのがコンテンツを格納できるアコーディオン式のメニュー。 様々なタイプのものがリリースされていますが、今回紹介する「Simple Javascript Accordions」は1年前に作られた物ではありますが、シンプルな構造と軽さと動きが気持ちよかったので改めて紹介したいと思います。 名前の通りjavascriptで動作し、サイズも1,149バイトと非常に軽量になっていますし、シンプルなだけにブラウザにも幅広く対応しています。また様々なタイプのア
twitter facebook hatena google pocket 昨今はJavaScriptライブラリが広まり、いろいろなことが簡単にできるようになりました。 一方で余計な機能がついて、重くなるものもあります。 そこで、今回はわずか1.3KBと軽量のアコーディオン「JavaScript Accordion」を紹介します。 sponsors 使用方法 JavaScript Accordionからscript.jsをダウロードします。 導入は簡単で下記を記述すれば完了です。 <dl class="accordion" id="slider"> <!-- アコーディオン1 --> <dt>タイトル1</dt> <dd>内容1</dd> <!-- アコーディオン2 --> <dt>タイトル2</dt> <dd>内容2</dd> </dl> <script type="text/javas
スムーズに開閉するアコーディオンメニューが作りたい。 そんなときにおすすめなのが、『Animated JavaScript Accordion V2』。スムーズに開閉するJavascriptアコーディオンメニューだ。 このエントリーでは、気持ちのいい動きのアコーディオンメニューのソースが公開されている。 デモは以下から。 » Click here for the demo. This script is available for any personal or commercial projects. とのことで、個人利用、商用利用共に可能だ。 スクリプトのダウンロードは以下から。 » Animated JavaScript Accordion V2 スムーズに開閉するJavascriptアコーディオンメニュー、チェックしてぜひ使ってみてはいかがだろうか。 もろもろ順調だ。よぅし。 「W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く