インタラクティブãªã‚¿ã‚¤ãƒ テーブルã®UIãªã©ã‚’実装ã™ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ「Glowã€ã‚’紹介ã—ã¾ã™ã€‚
[JS]インタラクティブãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’実装ã™ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ -Glow | コリス
インタラクティブãªã‚¿ã‚¤ãƒ テーブルã®UIãªã©ã‚’実装ã™ã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ「Glowã€ã‚’紹介ã—ã¾ã™ã€‚
jQuery ã§ã‚µã‚¤ã‚ºã‚„ä½ç½®ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’図ã«ã—ã¦ã¿ãŸ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 本エントリã®å†…容もå«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„。 jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary サイズã®å–å¾— 煩雑ã«ãªã‚‹ã®ã§ height ã®è¨˜è¿°ã—ã‹ã‚ã‚Šã¾ã›ã‚“ãŒã€width ã«ç½®ãæ›ãˆã‚Œã°å¹…ã‚‚ã¨ã‚Œã¾ã™ã€‚ 普通ã®ãƒœãƒƒã‚¯ã‚¹è¦ç´ height() メソッドã§å–å¾—ã§ãる値ã«ã¯ã€padding ã‚„ border ã®åˆ†ã®é«˜ã•ã‚’å«ã¿ã¾ã›ã‚“。 CSS ã® height ã¨åŒã˜ãªã®ã§ã€css('height')メソッドã§å–å¾—ã—ã¦ã‚‚よã•ãã†ã§ã™ãŒã€ã“ã¡ã‚‰ã®å ´åˆãƒ–ラウザã®ç¨®é¡žã‚„ CSS ã®å®šç¾©ã®ä»•æ–¹ã§å–å¾—ã•ã‚Œã‚‹å€¤ãŒç•°ãªã‚‹ï¼ˆã‚¯ãƒã‚¹ãƒ–ラウザã¨ã—ã¦ã®æ©Ÿèƒ½ãŒå®Œå…¨ã§ãªã„）ã®ã§ã€ç´”粋㫠px å˜ä½ã®é«˜ã•ã‚’å–å¾—ã—ãŸã„å ´åˆã¯ height() メソッドを使用ã—ãŸæ–¹ãŒç„¡é›£ã§ã™ã€‚ スクãƒãƒ¼ãƒ«ãƒãƒ¼ä»˜ãボックスè¦ç´ clientHeight ã«ã¯
IE6ã€7ã§ã‚‚å‹•ã„ã¦ãれる&実用性ã®é«˜ãã†ãªjQueryプラグイン30個ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 使ã„ã‚„ã™ãã†ãªjqueryプラグイン ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚最低ã§ã‚‚IE6,7ã§ã‚‚ å‹•ã„ã¦ãれる事をå‰æã«ã—ã¦ã„ã¾ã™ã€‚ 他サイトã§ã‚ˆã見ã‹ã‘るプラグインã§ã€ 個人的ã«å®Ÿç”¨æ€§ã®ã‚るプラグイン㨠æ€ã£ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã¦ã€å®Ÿç”¨æ€§ã®ã‚ã‚‹jQueryã„ã‚ã„ã‚。確èªã—ãŸãƒ–ラウザã¯IE6,7ã¨Chromeã§ã™ã€‚ä»–ã¯å¤§æŠµå‹•ãã‚“ã˜ã‚ƒãªã„ã‹ãªï¼ˆé©å½“）。 デモã§ç”»åƒãŒé€éŽã•ã‚Œã¦ã„ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»–ã®jsライブラリã§IE6ã§ã‚‚é€éŽå¯èƒ½ï¼ˆDD_belatedPNG.jsã¨ã‹ï¼‰ãªã®ã§ãã“ã¯æŠœãã«ã—ã¦å‹•ä½œã™ã‚‹äº‹ã‚’æ¡ä»¶ã«æŒ™ã’ã¦ã„ã¾ã™ã€‚主観入ã£ã¦ã‚‹ã®ã§å‚考程度ã«ãƒ»ãƒ» Horizontal Subnav マウスオーãƒãƒ¼ã§ã‚µãƒ–メニューãŒãƒ—ルダウンã™ã‚‹cssメニューã§ã™ã€‚サブメ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQueryサンプル集 | DesignWalker
{{#tags}}- {{label}}
{{/tags}}