第16回　jQueryã§æ¥½ã€…実装ã§ãるツールãƒãƒƒãƒ—プラグインを作ã£ã¦ã¿ã‚ˆã† | gihyo.jpjQueryプラグインã®é…力ã¯ã€JavaScriptã®çŸ¥è˜ãŒãªãã¦ã‚‚ç°¡å˜ã«è‰²ã€…ãªæ©Ÿèƒ½ã‚’実装ã§ãã‚‹ã“ã¨ã§ã™ã。今回ã¯ã€Œèª°ã§ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãるツールãƒãƒƒãƒ—プラグインã€ã‚’作æˆã—ã¦ã¿ã¾ã—ょã†ã€‚ ツールãƒãƒƒãƒ—プラグインã®è¦ä»¶ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ titleã¾ãŸã¯alt属性ãŒã‚ã‚‹è¦ç´ を対象 titleã¨alt属性両方をæŒã£ã¦ã„ã‚‹å ´åˆã¯titleを優先 対象è¦ç´ ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ãƒ„ールãƒãƒƒãƒ—をフェードイン 対象è¦ç´ ã‹ã‚‰ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆã§ãƒ„ールãƒãƒƒãƒ—をフェードアウト 対象è¦ç´ 上ã§ã¯ãƒ„ールãƒãƒƒãƒ—ã¯ã‚«ãƒ¼ã‚½ãƒ«ã«è¿½å¾“ ã¾ãšã¯å®Œæˆã‚µãƒ³ãƒ—ルã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’見ã¦ã¿ã¾ã—ょã†ã€‚ 完æˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ // ã“ã“ã‹ã‚‰ãƒ„ールãƒãƒƒãƒ—プラグイン $.fn.easyToolTip = function(options){ // toolTipを生æˆã—ã¦bodyã«è¿½åŠ ã—ã¦ãŠã var toolTip = $('<div id="toolTip"
{{#tags}}- {{label}}
{{/tags}}