JavaScriptポップアップを少し遅らせて閉じる効果を作成するサンプル
2006年07月10日-
スポンサード リンク
Timeout your Mouseovers

prototype.js, scriptaculous(effect.js) を使って実装しているようです。
通常はマウスアウトするとすぐに消えますが、余裕を持たせて閉じるというのも触った感触としてなかなか良いですね。
This is a fun effect I built for Chowhound that does one better for mouseovers. The problem with most menu systems is that they're really touchy whether you're too fast or slow with the mouse.マウスオーバーするとポップアップするようなエフェクトはよく見かけますが、マウスアウトしたときにすぐ消えるのではなく、しばらくしてから消したいような場合に使えるサンプル。

prototype.js, scriptaculous(effect.js) を使って実装しているようです。
通常はマウスアウトするとすぐに消えますが、余裕を持たせて閉じるというのも触った感触としてなかなか良いですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- AIでフォーム生成できる「Formcn AI」 
- ウェブサイトの CSS を解析してくれる「Online CSS Code Quality Analyzer」 
- 英文を文鳥に変換するフォント「ぎゅうぎゅう文鳥」 
- Tiktok公式のフリーフォント「TikTok Sans」 
- React+Tailwindなサイトで使えるUIライブラリ「SmoothUI」 
- 15000以上のいい感じの線形アイコン「Lineicons」 
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」 
- AIを使ってサイトマップが作れる「Octopus.do」 
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」 
- 個性的な明朝フリーフォント「築豊初号明朝OFL」 
- 過去のエントリ





















 間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)
 間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)



