JavaScript - each()

アニメーション付きの数字カウンター

Result Webアプリなんかの登録者数アピール等やペラサイトのアフィリの類でよく見かけるやつです 0に戻してからeasingで元の数字に遷移させています jQuery html via

スクロールに応じて要素をアニメーション付きで表示させる

Result See the Pen show elements on scroll by kachibito (@kachibito) on CodePen. jQuery css html via ...

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

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

複数inputに入力された数字の合計を表示する

Result jQuery 複数inputに入力された数値の合算を出します。 簡易的な見積もりとかデータを扱う時に使えそうでしょうか html via jQuery: Calculate Sum Of a...

指定した文字数以上になったらそれ以降のテキストを省略する

Result 大量の文字数がありますが、省略されています jQuery HTML via Limit string length/trim text with jQuery

普通のリストに任意の文字列と番号を加える・改正

「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery index()メソッドで取得したインデックス番号は0からなので1を足...

Youtubeの動画再生後に関連動画を表示させない

Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery html 埋め込みコードはそのまま...

簡易的なSyntax Highlighterを実装する

ページ内の見出しに合わせて目次を自動生成する

テキストを1文字ずつclass付きのspanで囲う

マウスを乗せると背景画像が動く

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

マウスホバーでYoutube動画のサムネイルを連続表示させる

「タイピングしてる」っぽいテキストエフェクトを作る

スパムな自動収集ロボットにメールアドレスを拾わせないようにする

少しずつ流れて、マウスを乗せるとストップするニュースティッカー

任意のカラーで画像にマスクをかけ、マウスホバーでフェードアウトさせる

チェックボックスにチェックした内容を別の場所にも表示する

1つのul要素を2つに分ける

~個ごとに要素のスタイルを変更する

#を使ったページ内リンクをスムーススクロール出来るようにする

ゆっくりと自動で上に流れるニュースティッカー

Ads