スマホアプリã®ã‚ˆã†ãªæ¨ªã‹ã‚‰å‡ºã¦ãるサイドメニューを実装ã§ãã‚‹jQueryプラグイン
ã€Sidr】Facebookアプリã®ã‚ˆã†ãªãƒ¡ãƒ‹ãƒ¥... / ã€jPanelMenu】横ã‹ã‚‰å‡ºã¦ãるサイドメニ... / ã€Snap.js】フリック動作ã§å‡ºã—入れãŒå¯èƒ½ãª...ä»–...å…¨4件
スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã¤ã„ã¦ãるサイドメニューをjQueryã¨CSSã§ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
jQueryを使ã£ã¦çŸã„コードã§å®Ÿè£…ã§ãã‚‹ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚サイドã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ã¦å›ºå®šã™ã‚‹ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€å‚考ã«ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ 作り方 ç´°ã‹ã„コードã¯ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒšãƒ¼ã‚¸ã«ã‚ã‚Šã¾ã™ã®ã§ã”å‚照下ã•ã„。 ã¤ã„ã¦ãるよã†ã«ã—ãŸã„サイドã®divã«å¯¾ã—ã¦position:absoluteã§é…ç½®ã—ã¾ã™ã€‚ヘッド内ã§jQueryã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚続ã‘ã¦ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã‚’記入ã—ã¾ã™ã€‚ ＊＊＊追記＊＊＊ 11行目ã®å¤‰æ•°offsetã®ä¸èº«ã‚’ã€menuYloc+$(document).scrollTop()+â€px†ã«ã—ã¦ã„ã¾ã—ãŸãŒãƒ–ラウザã«ã‚ˆã‚Šåº§æ¨™ã‚’å–å¾—ã§ããªã„å¯èƒ½æ€§ãŒã‚ã£ãŸç‚ºã€ menuYloc+$(window).scrollTop()+â€px†ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ <script type="text/javascript" src="jquery.j
sakurachiro.com
sakurachiro.com 2023 著作権. ä¸è¨±è¤‡è£½ プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
jQuery 日本語リファレンス
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’強力ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://yp.xenophy.com/?p=71
{{#tags}}- {{label}}
{{/tags}}