jQueryのサンプルTOP10 – creamu
MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー 詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demos わいわいと飲み会。超たのしかったぞ。
JavaScriptでHTMLをダイナミックに書き換える 前編
もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLをJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳
一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。 エフェクト関係とかそれ以前に、どんなことをすればどうなるのかという基礎的なサンプルです。 プラグイン関係は以前書いた記事を参照してください。 jQueryでweb制作をする時にキープしておきたい30リスト そもそもｊQueryって何ですかという人は以下を。 今更ですが、jQueryにはまりました 追記：ほんとすいませんローカルで動作確認したところ動くのですが、オンラインではfirefoxしか動作確認せずに公開。 IE7では上の4つが動きません。 いくつか確認したのですが、どうしてもIE7でJavaScriptエラー。ダメすぎる自分・・・。 追記2：まいりました。他のサイトの記述を見てもミスが見つかりません。言語問題でしょうか・・・アク
Javascriptの条件文
目次 日付オブジェクト if条件分岐文 if文の演習 Switch条件分岐文 Switch文の演習 目次 日付オブジェクト まずJavascriptで日付を取得する方法を紹介する。 Javascriptで日付情報を得るには、Dateオブジェクトを使う。 オブジェクトの使い方は使用例を見ながら慣れていくこと。 次は、スクリプトとその結果である： UTC+0900とは、日本時間はUTC（世界協定時刻）から+9時間ずれていることを示している（示されている時刻[13:29:52]がUTCではない）。 <script type="text/javascript"> <!-- var today = new Date(); var year = today.getYear(); var month = today.getMonth(); var date = today.getDate(); var
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
WEST MiRa JavaScript：
JavaScriptにはコピーペーストで使えるサンプル集や初心者向けの基礎講座があります。 サンプル集は色々な用途に使える200種類以上のスクリプトがあります。 サンプルスクリプトは説明が付属しています。解説通りに変更すれば簡単にカスタマイズできます。 更新情報はWEST MiRaトップページをご覧下さいませ。 スクリプトについての疑問や質問などがある方はQ&Aをご覧下さい。 サンプル集のスクリプトは、用途に応じて改変可能です。 ご利用に当たっては、利用規約をお守り下さいませ。 DL版はしばらく停止します。
ツリーメニュー - JavaScript
サンプルと機能 → Sample 1：ツリーメニュー → Sample 2：階層付きツリーメニュー 文字をクリックされると、その下にメニューを表示します。 階層はいくつでも増やすことができます。 Netscape Navigatorには対応していません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：ツリーメニュー <HTML> <HEAD> <TITLE></TITLE> <STYLE> a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} a:hover
A library of DHTML and Ajax scripts - DHTMLgoodies.com
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
JavaScript Samples フリーサンプル - eWeb
JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。
５・６年生にもわかるやさしいJavaScript
５・６年生にもわかるやさしいJavaScriptは下記URLに移転しました。 お気に入りやブックマーク、リンクをしていただいている方は変更をお願いします。 新URL http://clap96.web.fc2.com/masapine/java_top.html ※10秒後に自動的に移動します。
プロポリスの脂質代謝
ダイエットとリバウンドを繰り返していると、体に負担がかかってしまいます。 健康的な体になるためには、脂質代謝を正常に機能させなければいけません。 脂質代謝とは、食物として取り込んだ脂質や油分を、体に有用なエネルギーに変換することです。 この脂質代謝が正常であれば、取り込んだ脂質はすべて体に有用なエネルギーに変換されるのですが、代謝機能が低下していると、脂質がそのまま体内に蓄積してしまいます。 そこでオススメなのがプロポリスです。 プロポリスにはビタミン、ミネラル、アミノ酸など多くの栄養成分に加え、抗酸化作用があるフラボノイドが豊富に含まれています。 フラボノイドの抗酸化作用のおかげで、体内の活性酸素の働きが抑えられ、体の巡りが良くなります。 また、フラボノイドは血流を改善する効果もあり、体の隅々に栄養が行き渡りやすくなるので、代謝が上がるのです。 実際に行われた実験では、プロポリスが体内で
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryサンプル集 | DesignWalker
TAKABO SOFT NETWORK
http://javascript.maxux.com/
大人のおもちゃコレクション