[B! jQuery] honeyhoneydewã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

honeyhoneydew id:honeyhoneydew

jQueryã«é–¢ã™ã‚‹honeyhoneydewã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (41)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ä¸€å®šç¯„å›²ã§ position:fixed ã•ã›ã‚‹ Ex Flex Fixed ãŒã‹ã‚†ã„ã¨ã“ã ã‚‰ã‘ã ã£ãŸã®ã§ä½œã‚Šç›´ã—ã¾ã—ãŸ - Cyokodog :: Diary
ã‹ã‚†ã„ã¨ã“ã ã‚‰ã‘ã® Ex Flex Fixed (ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã‚’ä¸€å®šã®ç¯„å›²ã§ã®ã¿ position:fixed ã•ã›ã‚‹ jQuery Ex Flex Fixed)ã‚’ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ æ”¹å–„å†…å®¹ fixed è¦ç´ ã®å¹…ã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹ã‚ˆã†ã«ã—ãŸ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ(å¯å¤‰å¹…)ã§ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ãŸ fixed è¦ç´ ãŒã‚³ãƒ³ãƒ†ãƒŠã‹ã‚‰ã¯ã¿å‡ºãªã„ã‚ˆã†ã«ã—ãŸ fixed è¦ç´ ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦é«˜ã•ã«åŽã¾ã‚‰ãªã„çŠ¶æ…‹ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã®è¡¨ç¤ºã‚’è¦‹ã‚„ã™ãã—ãŸ å‹•çš„ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¦ã‚‚ã€ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸ ã‚«ãƒ©ãƒ é«˜ã•ã‚’æƒãˆã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ä½µç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ãŸ ã¨ã„ã†è¨³ã§åŠå¹´ã‚‚æ”¾ç½®ã—ã¦ãŠã„ã¦ã‚ã‚Œã§ã™ãŒã€ã¡ã‚‡ãã¡ã‚‡ãå•ã„åˆã‚ã›ã‚‚ã‚ã‚‹ã®ã§ã€ã”åˆ©ç”¨ã®éš›ã«ã¯æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã©ã†ãžã€‚ å‹•ä½œç¢ºèª ä»¥ä¸‹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã€æ–°æ—§ãã‚Œãžã‚Œã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®å‹•ä½œã‚’ç¢ºèªã—ã¦ã¿ã¾ã™ã€‚ <div class="heade
honeyhoneydew 2013/01/21
jQuery
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚å¿…è¦ã ã£ãŸãƒªã‚½ãƒ¼ã‚¹ã¨ä½¿ã„æ–¹ã®ã”ç´¹ä»‹ï¼åˆ¶é™æ™‚é–“12æ™‚é–“ã§èª¿ã¹ã‚ã’ãŸæƒ…å ±è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã¡ã‚‡ã£ã¨é…ããªã‚Šã¾ã—ãŸãŒçš†æ§˜ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ ã•ã¦ã€æ–°å¹´ä¸€ç™ºç›®ã¯å…ˆæ—¥ã“ãã£ã¨ã‚ã‘ãŠã‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦å…¬é–‹ã•ã›ã¦é ‚ã„ãŸã€Ž ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ãªåƒ•ã‚‰ â€“ æ–°å¹´ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†å·¨å¤§4ã‚³ãƒžã€ã§éŠã³ã§ä½œã£ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã®ä½œã‚Šæ–¹ã«é–¢ã™ã‚‹ãŠè©±ã§ã™ã€‚ ã“ã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹æ¼«ç”»ä½œã‚‹äº‹ã«ãªã£ãŸæ™‚ã€å®Ÿã¯ ã“ã‚“ãªçŠ¶æ³ã ã£ãŸã®ã§ã¨ã«ã‹ãå®Œå…¨ã«æ™‚é–“ã¨ã®å‹è² ã ã£ãŸã‚“ã§ã™ãŒã€æ—¥ã€…ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹æƒ…å ±ã«ã¯ç›®ã‚’é€šã™ã‚ˆã†ã«ã—ã¦ãŸãŠã‹ã’ï¼Ÿã‚‚ã‚ã£ã¦ã€ãƒªã‚½ãƒ¼ã‚¹é–¢ä¿‚ã«ã¯å›°ã‚‰ãªã‹ã£ãŸã®ã§ãªã‚“ã¨ã‹ã‚®ãƒªã‚®ãƒªé–“ã«åˆã‚ã›ã‚‹äº‹ãŒå‡ºæ¥ã¾ã—ãŸã€‚ ä»Šæ—¥ã¯ãã‚“ãªãƒªã‚½ãƒ¼ã‚¹é›†ã¨ã—ã¦ãŠä¸–è©±ã«ãªã£ãŸä½œè€…ã®æ–¹ã€…ã¸ã®æ„Ÿè¬ã®æ°—æŒã¡ã¨ã€ã“ã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã£ã¦ã©ã†ã‚„ã£ã¦å‹•ã„ã¦ã‚“ã®ï¼Ÿã£ã¦ã”è³ªå•ã‚‚ã‚ã£ãŸã®ã§ã€æŠ˜è§’ã ã—ã¾ãšã¯ç°¡å˜ã«ä»Šå›žãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã‚’ä½œã£ãŸæ‰‹é †ã¨ä½œã‚Šæ–¹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’å…¨éƒ¨ã”ç´¹ä»‹ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ ã¶ã£ã¡ã‚ƒã‘ãŠå®¢ã•ã‚“ã«å‡ºã™å†…å®¹ã§ã‚‚ã€
honeyhoneydew 2013/01/09
ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jQuery
ãƒªãƒ³ã‚¯
Unheap - A tidy Repository of jQuery Plugins & JavaScripts
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
honeyhoneydew 2013/01/09
jQuery
ãƒªãƒ³ã‚¯
IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã‚‹&å®Ÿç”¨æ€§ã®é«˜ãã†ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³30å€‹ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ä½¿ã„ã‚„ã™ãã†ãªjqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚æœ€ä½Žã§ã‚‚IE6,7ã§ã‚‚ å‹•ã„ã¦ãã‚Œã‚‹äº‹ã‚’å‰æã«ã—ã¦ã„ã¾ã™ã€‚ ä»–ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ å€‹äººçš„ã«å®Ÿç”¨æ€§ã®ã‚ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ æ€ã£ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã¦ã€å®Ÿç”¨æ€§ã®ã‚ã‚‹jQueryã„ã‚ã„ã‚ã€‚ç¢ºèªã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6,7ã¨Chromeã§ã™ã€‚ä»–ã¯å¤§æŠµå‹•ãã‚“ã˜ã‚ƒãªã„ã‹ãªï¼ˆé©å½“ï¼‰ã€‚ ãƒ‡ãƒ¢ã§ç”»åƒãŒé€éŽã•ã‚Œã¦ã„ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»–ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§IE6ã§ã‚‚é€éŽå¯èƒ½ï¼ˆDD_belatedPNG.jsã¨ã‹ï¼‰ãªã®ã§ãã“ã¯æŠœãã«ã—ã¦å‹•ä½œã™ã‚‹äº‹ã‚’æ¡ä»¶ã«æŒ™ã’ã¦ã„ã¾ã™ã€‚ä¸»è¦³å…¥ã£ã¦ã‚‹ã®ã§å‚è€ƒç¨‹åº¦ã«ãƒ»ãƒ» Horizontal Subnav ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã™ã‚‹cssãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯æ¨ªã«åºƒãŒã£ã¦ãã‚Œã¾ã™ã€‚ Horizontal Subnav Simple jQuery tabs ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¿ãƒ–ã§åˆ‡
honeyhoneydew 2012/12/25
jQuery
ãƒªãƒ³ã‚¯
Examples and documentation on grumble.js
Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There's auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works
honeyhoneydew 2012/12/25
jQuery
ãƒªãƒ³ã‚¯
jQuery ã‚’é«˜é€Ÿã«ä½¿ã† CSS ã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸ãæ–¹
jQuery ã¯ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’é¸ã‚“ã§å‡¦ç†ã§ãã‚‹ã®ãŒé…åŠ›çš„ã§ã™ãã€‚ãã‚“ãª jQuery ã§ã™ãŒã€CSS ã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸ãæ–¹æ¬¡ç¬¬ã§é€Ÿåº¦ãŒå¤§å¹…ã«å¤‰ã‚ã£ã¦ãã¾ã™ã€‚ ã“ã“ã§ã¯ jQuery ã®å†…éƒ¨å‡¦ç†ã‚’ç–‘ä¼¼ã‚³ãƒ¼ãƒ‰ã§ç¤ºã—ã¤ã¤ã€jQuery ã‚’é«˜é€Ÿã«ä½¿ã†ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’ï¼•ã¤ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ä½•åº¦ã‚‚åŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å®Ÿè¡Œã—ãªã„ã‚¯ãƒ©ã‚¹ã ã‘ã‚’æŒ‡å®šã™ã‚‹ã®ã¯ç¦æ¢#id ã‚’ç©æ¥µçš„ã«ä½¿ã†é€”ä¸ã¾ã§ã®çµæžœã‚’å†åˆ©ç”¨ã™ã‚‹åä¾›ã‚»ãƒ¬ã‚¯ã‚¿(>)ã‚’ä½¿ã†ã¨é€Ÿããªã‚‹ã“ã¨ãŒã‚ã‚‹ â€» ã“ã®è¨˜äº‹ã¯ jQuery 1.2.6 ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…ƒã«è¨˜è¿°ã—ã¦ã„ã¾ã™ 1. ä½•åº¦ã‚‚åŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å®Ÿè¡Œã—ãªã„ æ”¹å–„å‰ // ä¾‹é¡Œ 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){alert
honeyhoneydew 2012/12/25
jQuery
ãƒªãƒ³ã‚¯
[JS]ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹ãƒ‘ãƒãƒ«ã‚’æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Notification
2ç§’å¾Œã«è‡ªå‹•ã§é–‰ã˜ã‚‹ãƒ‡ãƒ¢ [ad#ad-2] Notificationã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ãƒ‘ãƒãƒ«ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="jquery.js"></script> <script src="js/jquery_notification_v.1.js"></script> <link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/> JavaScript showNotification(params); ã€Œparamsã€ã«ã¯ã€Œmessageï¼šè¡¨ç¤ºã™ã‚‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã€ã€Œtypeï¼šãƒ‘ãƒãƒ«ã®ã‚¿ã‚¤ãƒ—ã€ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ showNotification({ message: "This is a sample Success
honeyhoneydew 2012/08/17
jQuery
ãƒªãƒ³ã‚¯
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTML ã¨ CSS ã ã‘ã§ã¯ã§ããªã„è¡¨ç¾ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ã‚ˆãä½¿ã†ã®ãŒ jQueryã€‚ä»Šå›žã¯ jQuery ã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„ ... ã£ã¦ã„ã†äººãŒã€jQuery ã«å°‘ã—ã§ã‚‚è¦ªã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ jQuery åˆå¿ƒè€…ã•ã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ã¨ã£ã¦ã‚‚å½“ãŸã‚Šå‰ãªã‚“ã§ã™ã‘ã©ã€Web ã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã« HTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ CSS ã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚æœ€è¿‘ã§ã¯ CSS3 ã®ç™»å ´ã§ã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ CSS ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ã¾ã ã¾ã CSS3 ã‚’ä½¿ãˆã‚‹éƒ¨åˆ†ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã—ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å°‘ã—å‹•ããªã©ã‚’ã¤ã‘ãŸã„æ™‚ãªã©ã¯ã€ã¾ã ã¾ã jQuery ã‚’æ´»ç”¨ã™ã‚‹äº‹ã‚‚å¤šã„ã§ã™ã€‚ ç§ã¯ Javascript ãŒè‹¦æ‰‹ã§ã€jQuery ã‚‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨è‹¦
honeyhoneydew 2012/07/29
jQuery
ãƒªãƒ³ã‚¯
Loading...
honeyhoneydew 2012/07/27
jQuery
ãƒªãƒ³ã‚¯
[JS]ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ã ã‘ã§ãªãã€å‡ç‰å‰²ä»˜ã‚„ã‚°ãƒªãƒƒãƒ‰ã«æƒãˆã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery.grrrid.js
[JS]ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ã ã‘ã§ãªãã€å‡ç‰å‰²ä»˜ã‚„ã‚°ãƒªãƒƒãƒ‰ã«æƒãˆã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery.grrrid.js
honeyhoneydew 2012/05/19
jQuery
ãƒªãƒ³ã‚¯
Tumblr
When should you use hovercard: A hovercard comes handy when displaying Person bio, Book author and price, Loading related information with Ajax, Editing in place, and what not! Check out the following demos to see some of this stuff in action :) Demos: 1Basic hovercard Hover over the red text to see the hovercard in action: jQuery by John Resig is a cross-browser JS library designed to simplify th
honeyhoneydew 2011/12/05
jQuery
ãƒªãƒ³ã‚¯
simplelib with jQuery
1.simplelibã¨ã¯ simplelibã¨ã¯jQueryã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å‹•çš„ã«ãƒãƒ¼ãƒ‰ã—ã¦ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§ã‚ˆãä½¿ã†æ©Ÿèƒ½ã‚’ä¸€å…ƒç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ å„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã€å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã‚’ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã®ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ 2.ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä¸€è¦§ ç¾åœ¨ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚Šã€HTMLã«ï¼‘è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã“ã‚Œã‚‰å…¨ã¦ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ accordion
honeyhoneydew 2011/08/08
jQuery
ãƒªãƒ³ã‚¯
Regex Selector for jQuery - James Padolsey
A while ago I published an article explaining the utter awesomeness of extending jQueryâ€™s filter selectors. Building on that hereâ€™s something new; a regular expression selector. jQueryâ€™s current attribute selectors (CSS3) do allow basic regex notation but no where near as much as this: :regex jQuery.expr[':'].regex = function(elem, index, match) { var matchParams = match[3].split(','), validLabels
honeyhoneydew 2011/07/15
jQuery
ãƒªãƒ³ã‚¯
jQuery Mobile 1.1.0 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ã‚ˆã†ã“ãï¼ ã“ã®ã‚µã‚¤ãƒˆã¯ jQuery Mobile ã‚’å¦ã¶éŽç¨‹ã§ä½œã£ãŸæ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚æœ¬å®¶ã®æ„è¨³ã¨ã€ãƒªã‚½ãƒ¼ã‚¹ãªã©è¿½åŠ ã®è¨˜è¿°ãŒã‚ã‚Šã¾ã™ã€‚ [PR] ç™ºå£²ä¸ï¼ æ›´æ–°æƒ…å ± 1.1.0å…¬é–‹ 2012/04/20 1.1.0 RC1å…¬é–‹ 2012/01/27 1.0.1å…¬é–‹ 2012/01/27 ãƒšãƒ¼ã‚¸ã‚¤ãƒ™ãƒ³ãƒˆãƒ»ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ 2012/01/20 1æ™‚é–“ã§ãƒŸãƒ‹ã‚µã‚¤ãƒˆã‚’ã¤ãã‚‹ 2012/01/17 æ¦‚è¦ ç´¹ä»‹ ã‚¯ã‚¤ãƒƒã‚¯ãƒ»ã‚¹ã‚¿ãƒ¼ãƒˆã‚¬ã‚¤ãƒ‰ ä¸»ãªæ©Ÿèƒ½ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ
honeyhoneydew 2011/06/23
jQuery

jQuery Mobile
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆï½œjQuery pluginï½œAjaxï½œPHP & JavaScript Room
è¦ç´ ã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®hoveråŠ¹æžœã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒªã‚¹ãƒˆè¦ç´ ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã«ã€ãã®ã‚¢ã‚¤ãƒ†ãƒ ã®èƒŒå¾Œã«jQueryã§hoverç”¨ã®è¦ç´ ã‚’å‹•çš„ã«ç”Ÿæˆã—ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã•ã›ã¦ã„ã¾ã™ã€‚ å¹…ã€é«˜ã•ã€ã‚ªãƒ•ã‚»ãƒƒãƒˆãªã©ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹jQuery Dimensions Pluginã‚’ä½µç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹è¦ç´ ã«ã¯ã€CSSä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ ã«ã¯ã€position:relativeã‚ã‚‹ã„ã¯position:absoluteãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã«ã¯ã€z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ å‹•çš„ã«ç”Ÿæˆã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã¯ã€hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®z-indexã‚ˆã‚Šå°ã•ã„z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ /* hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ */
honeyhoneydew 2011/05/12
jQuery
ãƒªãƒ³ã‚¯
jQuery ã® ID ã§å¯¾è±¡ãƒŽãƒ¼ãƒ‰ã‚’å–å¾—ã™ã‚‹å‡¦ç†ã‚’é«˜é€Ÿã«ã—ãŸã„ - tilfin's note è·¡åœ°
ã¦ã£ãç…®ãƒ–ãƒã‚°ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ jQuery ã‚’é«˜é€Ÿã«ä½¿ã† CSS ã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸ãæ–¹ - ã¦ã£ãç…®ãƒ–ãƒã‚° ã‚’ã¿ã¦ã¦ã€jQuery ã® $("#xxxx") ã‚’é€Ÿãã—ãŸã„ã¨è€ƒãˆã¦ã„ãŸã“ã¨ã‚’æ€ã„ã ã—ãŸã€‚ãã‚Œã«ã¤ã„ã¦æ›¸ãã€‚ jQuery ã® $("#xxxx") ã«ã¤ã„ã¦ ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ã©ã†å‡¦ç†ã—ã¦ã„ã‚‹ã®ã‹ jquery-1.2.6.js ã§ç¢ºèªã—ã¦ã¿ã‚ˆã†ã€‚ ã¾ãšä¸‹è¨˜ã® init ãŒ $() ã«ç›¸å½“ã™ã‚‹ã€‚Handle HTML stringsã®ã¨ã“ã‚ã§å¼•æ•°ãŒ string ã ã¨ quickExpr.exec ãŒèµ°ã‚‹ã€‚ã“ã‚Œã¯æ£è¦è¡¨ç¾ã§ã®ã‚»ãƒ¬ã‚¯ã‚¿è§£æžå‡¦ç†ã§ã‚ã‚‹ã€‚ ãã®å¾Œã€HANDLE: $("#id")ã®ã¨ã“ã‚ã§ãƒžãƒƒãƒã—ã¦å–å¾—ã—ãŸ ID ã‚’ä½¿ã£ã¦ã€var elem = document.getElementById ä½¿ã„ã€ãã‚Œã‚’ return jQuery(elem) ã¨ã—ã¦å†ã³ init ãŒå‘¼ã³å‡ºã•ã‚Œ
honeyhoneydew 2011/05/05
jQuery
ãƒªãƒ³ã‚¯
jQuery custom scrollbar
honeyhoneydew 2011/03/26
jQuery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
jQueryã§RSSã‚’å–å¾—ã—ãƒªã‚¹ãƒˆã§è¡¨ç¤º | labs.yusukenakanishi.com
Demoã‚’è¦‹ã‚‹ ã¨ã‚ã‚‹å‹‰å¼·ä¼šã§noriã•ã‚“ã‹ã‚‰jQueryã‚’ä½¿ã£ã¦RSSã‚’å–å¾—ã—XMLã‚’ãƒ‘ãƒ¼ã‚¹ã€ãã—ã¦ãƒªã‚¹ãƒˆã§è¡¨ç¤ºã•ã›ã‚‹ã¨ã„ã†å¤ä¼‘ã¿ã®ï¼Ÿå®¿é¡ŒãŒã‚ã£ãŸã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚è‡ªåˆ†ã®ä¸ã§RSSãŒåŒã˜ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã‚ã‚‹å ´åˆã¨RSSãŒåŒã˜ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ãªã„å ´åˆï¼ˆJavaScriptã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®é–¢ä¿‚ä¸Šã€ãƒ‰ãƒ¡ã‚¤ãƒ³ãŒé•ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªè¾¼ã‚€äº‹ã¯å‡ºæ¥ãªã„ä»•æ§˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ï¼‰ã‚’æƒ³å®šã—ã¦ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ åŒã˜ãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã‚ã‚‹å ´åˆ Demoã§èªã¿è¾¼ã‚“ã§ã„ã‚‹ã®ã¯ã“ã®xmlãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ä»¥ä¸‹JavaScriptã®ã‚½ãƒ¼ã‚¹ã«ã‚ã‚‹$.ajax(options)ã®è©³ã—ã„å†…å®¹ã«ã¤ã„ã¦ã¯jQueryæ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãªã©ã§ç¢ºèªã—ã¦ä¸‹ã•ã„ã€‚ HTML //headå†…ã«jQueryã‚’ <script type="text/Javascript" src="http://ajax.google apis.com/ajax/libs/jquery/
honeyhoneydew 2011/02/21
jQuery

RSS
ãƒªãƒ³ã‚¯
ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã©ã¾ã¨ã‚ | PozuPad
ä½•ã‹ã¨ä½¿ã†ã“ã¨ã®å¤šã„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç³»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ç”Ÿæ†Žåƒ•ã¯1ã‹ã‚‰ä½œã‚‹ã“ã¨ãŒã§ããªã„ã®ã§ã€ãã®éƒ½åº¦é…å¸ƒã•ã‚Œã¦ã‚‹ã‚‚ã®ã‚’ã¡ã¾ã¡ã¾æŽ¢ã—ã¦ã„ãŸã‚Šã—ã¾ã™ã€‚æ¯Žå›žåŒã˜ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¦‹ã¦ã¯ã€ã€Œã‚ãã“ã‚Œå‰ã‚‚è¦‹ãŸãªãƒ¼ã€ã¨æ€ã„å‡ºã™æƒ…ã‘ãªã„åƒ•ãªã®ã§ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼é›†ã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãªãŠã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹é–¢ä¿‚ã¯ãƒ¡ãƒ¢ã—ã¦ã„ãªã„ã®ã§å„ã‚µã‚¤ãƒˆã«ã¦ã”ç¢ºèªãã ã•ã„ã€‚ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ï¼ˆãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—åž‹ï¼‰ ColorBox [ jQuery ] ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒãŸãã•ã‚“ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãã€‚ Fancybox [ jQuery ] ã‚·ãƒ³ãƒ—ãƒ«ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ Galleria [ jQuery ] ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¯¾å¿œã€‚ Galleriffic [ jQuery ] ã‚µãƒ ãƒã‚¤ãƒ«ãƒªã‚¹ãƒˆã®éš£ã«ç”»åƒè¡¨ç¤ºã€‚ Image Gallery v1.0 [ Flash ] ä½¿ã†å ´é¢ã¯ã‚ã¾ã‚Šæ€ã„ã¤ãã¾ã›ã‚“ãŒã€ã“ã†ã„ã†ã®ä½œã‚ŒãŸã‚‰è‰¯ã„ãªãã€‚ Lightview [ jQuer
honeyhoneydew 2010/12/25
jQuery
ãƒªãƒ³ã‚¯
Ajaxã‚„ã‚¿ãƒ–åˆ‡æ›¿ã«ã¯å¿…é ˆã‹ã‚‚ï¼Ÿãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹jQueryã®hashchangeãƒ—ãƒ©ã‚°ã‚¤ãƒ³ :: 5509
Ajaxã‚„ã‚¿ãƒ–åˆ‡æ›¿ã«ã¯å¿…é ˆã‹ã‚‚ï¼Ÿãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹jQueryã®hashchangeãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Ajaxã‚„ã‚¿ãƒ–ã‚¯ãƒªãƒƒã‚¯ãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryã®hashchange eventã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚åŒã˜ã‚ˆã†ãªåŠ¹æžœã‚’å¾—ã‚‰ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚ˆã‚Šæ–ç„¶ä½¿ã„ã‚„ã™ã„ã®ã§ãŠã™ã™ã‚ã§ã™ã€‚ ä½¿ã„æ–¹ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ windowã«hashchangeã‚¤ãƒ™ãƒ³ãƒˆã‚’bindã™ã‚‹ã ã‘ã§ã™ã€‚ $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ãƒãƒƒã‚·ãƒ¥ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆãŒå¤‰ã‚ã£ãŸã¨ãã«Hoge()ã‚’å®Ÿè¡Œã™ã‚‹ $(window).hashchange(); // Windowãƒãƒ¼ãƒ‰æ™‚ã«å®Ÿè¡Œã§ãã‚‹ Ben Alman Â» jQuery hashc
honeyhoneydew 2010/11/19
jQuery
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸