JavaScript - find()

ミニ折れ線グラフ

Result See the Pen Micrographs by kachibito (@kachibito) on CodePen. jQueryを使ったミニ折れ線グラフです。コードは長いのでCodepenでご参照...

リストを任意のカラム数に分ける

Result 普通のリストを任意のカラム数で分けます。現在は3カラムに分けられています。 var num_cols = 3,の数値を変更すれば設定したカラム数に分けられます。 マークアップには変更を加えず処理出来るので覚えてお...

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

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

アクセスした際に任意のメッセージを少しの間、表示する

Result よく見かけるやつです。 jQuery css via Put a message in top of the page with jQuery

文字列をリアルタイム検索してハイライトする

Result jQuery css html via Real-Time Search in JavaScript by Osvaldas Valutis.

簡易的なSyntax Highlighterを実装する

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

ネストにも対応した、マウスホバーでアニメーションするナビゲーション

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

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

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

全部のチェックボックスにチェックする/全て外す、を可能にする

横長に降りるドロップダウンメニュー

画像も含められる簡単なツールチップ

マウスホバーで画像に帯を表示する

マウスホバーした要素にマッチする要素以外にオーバーレイをjQueryでかける

ボックスごとリンク化する

リストにinput要素を加えてキーワードでフィルタリング出来るようにする

親にチェックするだけで、子や孫のチェックボックスもまとめてチェック出来る

GoogleMapをタブで切り替える

シンプルなタブメニュー

ツールチップの出るサイドメニュー

Ads