jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
ページ内リンクをスムーズスクロールする - JavaScript ｜ WEB上手
JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介 ページ内リンクをクリックすると通常は一瞬でスクロールされて画面が切り替わりますが、慣れていない人にはページが他のページへ移動したかと思ってしまうこともあると思います。スムーズスクロール機能を使うことで、ページ内でスクロールしているということが分かりやすくなります。 ご利用について 個人利用の場合はフリーでご自由にお使いいただけます。 法人・商用利用の場合はWEB上手(www.web-jozu.com)へのリンクを貼ってください。 個人利用の場合でもリンクを貼っていただけると、幸いです。 法人・商用利用の方でリンクを貼っていただけない場合はシェアウェア料金をお支払いいただくことで、ご自由にお使いいただけます。料金は以下のページでお支払いいただけます。 ※著作権は放棄してい
[JS]jQueryを使用して上下左右からパネルをスライドさせるチュートリアル
二枚の画像を上下左右のスライドのアニメーションで変更するチュートリアルを1stwebdesignerから紹介します。 How to Create Sleek Sliding Box Effect With jQuery デモページ 滑らかなスライドのアニメーションはjQueryで実装されており、シンプルなスクリプトを追加するだけです。 基本のスクリプトは下記のようになります。 JavaScript <textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $('#top-left').hover(function(){ $(this).children('.front').stop().animate({'top' : '150px', 'left' : '300px'}, 500)
Alex Buga's Livingroom
About me About me Hi there, My name is Alex Buga, I’m from Bucharest, Romania and I am a design-addict - in the good way. (Voices: “Helloooo Aleeeex !”) I was the Creative Director at MB Dragan, an interactive agency based in Bucharest and I can tell you: It was the most fun place to work at. Experience I have an over 7 years background in webdesign in which I had the chance to gain experience and
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
CALM-WEB.COM
画面上の任意の位置にメニューを配置することができます。 自動追従機能を搭載しているので、ページがウィンドウ内に収まっていない場合でも、スクロールをした後にメニューが追従してきます。 メニューの規準位置を、左上、右上、左下、右下の好きな場所から取ることが可能です。右側を規準にした場合には、ウィンドウサイズに併せて、メニューの位置も自動的に追従します。 マウスが乗っているとき、乗っていない時で、メニューの表示状態を変えることが出来ます。(普段は最小化された状態で、マウスがDIVに触れるとメニューとして表示させるといった利用が可能) Javascriptを完全コンポーネント化した状態で提供しているので、ＨＴＭＬの制御だけで使用することができます。 ＤＯＭエンジンを搭載しているので、Javascript側はそのままの形で使用することができます（ＨＴＭＬの知識のみで組み込みが可能） アルファフィルタ
これは便利だ！Excel→Table化するjQueryプラグイン
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」:phpspot開発日誌
アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 2008年04月30日- Sliding JavaScript Dropdown Menu - Web Development Blog This lightweight drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 デモページはこちら メニューの中身は単なるul li
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
【Adobe Spry TIPS】 アコーディオン
【Adobe Spry TIPS】 アコーディオン Spryにはウィジェットとして様々な機能が提供されています。 そのうちの１つが『アコーディオン』です。 アコーディオンとはクリックで、コンテンツを開いたり閉じたりする特徴的なUIになります。 この機能を使うには、まず、widgetsディレクトリ内のaccordionディレクトリ内のSpryAccordion.jsをhead要素などで読み込みます。 また、addLoadListenerを利用する為、SpryDOMUtils.jsも読み込んでおきます。 <script type="text/javascript" src="./widgets/accordion/SpryAccordion.js"></script> <script type="text/javascript" src="./includes/SpryDOMUtils.js"
NYOKIGLITTER - Tab Styled Accordion
The First Box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus ante nec ipsum. In ut felis id leo aliquet euismod. In augue lorem, posuere eu, tincidunt non, bibendum quis, nisl. Integer erat erat, posuere vel, convallis feugiat, accumsan ac, sem. Sed scelerisque tortor nec leo. Etiam vel massa vitae nulla elementum aliquet. Donec egestas semper tellus. Donec ultrices ante cursu
K's Labo: moo.fxによるアコーディオンみたいなプルダウン表示「導入編」
« メールフォームを設置しました。 | Main Page | 海は楽しい！：おさるのギャラリー » March 9, 2007 11:53 AM Category : Ajax Tags : ajax, prototype.js, moo.fx, MovableType, Customize moo.fxによるアコーディオンみたいなプルダウン表示「導入編」 本ブログ引越しのご案内 いつもご愛顧くださっております本ブログ「K's Labo」ですが、諸般の事情により下記に記載しているリンク先に引越しを致しました。 K's Labo 3G 誠にお手数ではございますが、お気に入りに登録、もしくはRSSリーダー等に登録されている方は、上記リンク先の新しいサイトへの登録変更作業をお願い致します。 尚、当面、現在のこのブログも稼動はさせますが、エントリーの更新作業等は上記リンク先の新しいサイトに
Javascript・Ajaxのテクニックとトピックのまとめ | Summary.Js
Javascript・Ajaxの注目テクニックとトピックをまとめて公開してますjQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」様々なエフェクトを可能にしてくれるjQuery。その用途は幅広く、様々なシーンで使われていますが、今回紹介するのはjQueryで実現するナ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
クリック後の説明文を凄くオシャレに表示できる「mooSlide」:phpspot開発日誌
mooSlide - ajax based slider - lightbox replacement The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox. クリック後の説明文を凄くオシャレに表示できる「mooSlide」。 LightBoxの一種になると思うのですが、表示の仕方がかなりオシャレなmooSlide。 クリックしたところ、ページ下部からブロックがアニメーションして説明が表示されます。 仕組みはLightBoxでも、みせ方次第でこれだけ印象って変
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dynamic Drive DHTML(dynamic html) & JavaScript code library
artViper Marketingagentur