jQuery でスライドしつつ隠れるサイドバー - dogmap.jp
jQuery で右にスライドしながら隠れるサイドバーを実装。 元ネタはこちら。 jQuery の強力なエフェクト機能を使えば、こんなのも簡単にプログラミングできちゃいます。 こんな感じの構造の HTML を対象に作成します。 ソースはこんな感じ // スライド用ボタンの画像ファイルパス var slide_button_active = 'slide-button-active.gif' var slide_button = 'slide-button.gif' // スライド用ボタンの作成と click イベントの追加 var slide_button = $('<img id="slide_button" src="' + slide_button_active + '" border="0" />').click( function() { if ($('#sidebar').css
Креативное агентство Творческие Люди | Design agency CreativePeople
#2 Branding (Rating Runeta) — #1 Usblt&UI-dsgn (Ruward) — #1 Digital CrtvStrat (Ruward) — #3 Dsgn Studios (Tagline) — #17 Web Studios (Rating Runeta) — #10 Web&Mobile prod (Adindex) — Больше 20 лет в CreativePeople мы создаем дизайн и делаем это круто. Делаем акцент на знаниях, которые мы накопили. Понимаем, как эмоции в digital становятся впечатлениями, а рациональный результат взаимодействия пре
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
twitter facebook hatena google pocket 要素をドラッグすることがあるかもしれません。 そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。 sponsors 使用方法 EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("要素
スライド間をいい感じにスクロールするjavascript「jQuery.LocalScroll」
twitter facebook hatena google pocket スライドさせるjavascriptは多くありますが、1章1節・・・3章5節というふうに階層が深くなるものには対応していないのがほとんどです。 jQuery.LocalScrollは、多階層に渡るスライド間をいい感じにスクロールします。 sponsors 使用方法 jQuery.LocalScrollからjquery.scrollTo-min.jsとjquery.localscroll-min.jsを、jQueryからjquery.js（v1.2.1）をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.scrollTo-m
要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」:phpspot開発日誌
InnerFade with jquery InnerFade is a small plugin for the jQuery-JavaScript-Library. 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」。 スライドショーのように、要素内がアニメーションしながら切り替わるパーツが作れます。 便利なのは、画像が切り替わった際に、画像からのリンク先も切り替わる点。 実際には、次のように、ul 要素内の li を順にアニメーションするという仕様になっているようで、その実装も簡単です。 <ul id="portfolio"> <li> <a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html"> <img src="images
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
要素をドラッグすることがあるかもしれません。 そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。 sponsors 使用方法 EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("要素").easydrag(); }); </script> 上記を記述したら、
SiteCatalyst
【PR】本記事のリンクには広告が含まれています。記事内で紹介したサービスを申し込みされた際、売上の一部が当サイトに還元されることがあります。 ファクタリング(factoring)とは、企業が持っている売掛債権（請求書など）を専門のファクタリング会社が買い取って、その債権を回収まで行う金融サービスです。 銀行などの金融機関などの企業が資金調達する方法の中でもここ数年、借りない資金調達として大きく浸透しているのが、ファクタリング(factoring)です。 しかし、実際に利用する上で、ファクタリングの仕組みや利用するときにかかる手数料などを知っておくことが重要です。 そこで当サイトでは、資金調達をしたい企業や個人事業主が、ファクタリングのメリット・デメリットや手数料、違法なファクタリング会社を見分けるポイントなどの情報を徹底解説していきます。 ファクタリングとは売掛金を活用した資金調達の方法
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements
Overview Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. This class is a compilation of many date-pickers I have implemented over the years and has been completely re-written for Mootools. I have tried to include all the features that have been most useful while streamlining the class itself to keep it as small as possible. Use the links belo
[jQuery]独自のプロンプトを表示する
jQuery Impromptuを利用すると、こんな感じに独自のプロンプトを表示することができます。 単純なプロンプトはこんなんでできちゃいます。 $(document).ready(function(){ $("#btn").click(function(){ $.prompt('Example 1'); }); }); 画像にあるようなプロンプトを表示する場合はこんな感じ。 function mycallbackform(v,m){ $.prompt(v +' ' + m.children('#alertName').val()); } $(document).ready(function(){ $("#btn").click(function(){ $.prompt( 'Please enter your name:<br /><input type="text" id="alert
![[jQuery]独自のプロンプトを表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/16b6c4e86157ba326bb6e019555cec47e19feb1f/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3cd32bc088aff0670d294b1403ab0e7140d4152f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmatsukaz%252F20071127%252F20071127021503.gif)
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
![[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
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 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
ページ単位でタグクラウドを作成するjavascript「DynaCloud」
ブログが急速に広まり、記事を関連づけるタグという仕組みがひろまりました。 これにともないタグの量に応じてテキストの大きさを変えるタグクラウドも浸透しています。 DynaCloudではこれを単一ページで実現するjavascriptを公開しています。 sponsors 使用方法 DynaCloudからjquery.dynacloud-2.jsを、jQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.dynacloud-2.js" type="text/javascript"></script> <style type="text/css"> .highlight {b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lllcolor.com
eTOYOTA MyPage
Movable Type 備忘録 - 半透明レイヤーでページブロックしてみる(blockUI)
jScroller for jQuery by Markus Bordihn
Domain Details Page
bizcaz.com
http://myscraproom.net/