JavaScript - click()

mailtoリンクのクリックでクリップボードにコピーする

Result See the Pen Copy mailto: email to clipboard by kachibito (@kachibito) on CodePen. mailtoリンクをクリックすると、...

フォームの内容を元に任意のUIに遷移

Result See the Pen CSS Grid: Form to Badge by kachibito (@kachibito) on CodePen. フォームの内容から別のUIに遷移する、みたいなの ...

表示されている画像を任意の画像に変更する

Result 画像をクリックすると別の任意の画像を選択出来るようになります。 jQuery html via jquery-imgedit
Ads

編集できるtableと、その入力値に連動した簡易的なグラフ

Result 編集はcontenteditable属性を使っています。 動作サンプルなのですべてのセルは編集可能となっていますので、コンテンツに応じて便宜変更してください jQuery css html ...

Wikipedia内を検索する

Result Wikipedia内を検索、その場に表示 jQuery html via Wikipedia Viewer

code、pre内のコードを別窓でtextareaに表示させる

Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:

レスポンシブWebデザイン対応のメガメニュー

Result See the Pen megamenu.js - Last responsive megamenu you'll ever need by Mario Loncarek (@riogrande) on CodePen. ...

リンク先をiframeを使い、Lightbox風に表示させる

クリックでアニメーションしながらオーバーレイを表示

シンプルなモーダルウィンドウ

ベーシックなアニメーションエフェクト付きのタブ

ボタンをクリックした時に一瞬だけメッセージを表示する

マウスを乗せるとフィードバック用のフォームが出る

ボタンを押すとソーシャルアイコンが出てくるやつ

長い文字を省略させて「続きを読む」みたいなリンクにする

チェックボックスにチェックしたら他のも全部選択出来る

クリックで開閉するアコーディオンパネル

HTML5と併用してアニメーションするプログレスバー

クリックでアニメーションしながら開閉するアコーディオン

シンプルなモーダルウィンドウ

スクロールに応じて背景を変更する

ページのリロードが出来るボタン

Ads