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

eclucifer id:eclucifer

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

${{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}}

Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ã‚·ãƒ” Â» Blog Archive Â» jQuery Plugin Fancybox
1. ç‰¹ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç„¡ã— + ã‚¿ã‚¤ãƒˆãƒ« + ã‚°ãƒ«ãƒ¼ãƒ—åŒ– ã‚¯ãƒªãƒƒã‚¯æ™‚ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®è‰²ã‚’æ·¡ã„ã‚°ãƒ¬ãƒ¼ï¼ˆèƒŒæ™¯ã®ã“ã¨ï¼‰ã«ã—ãŸä»¥å¤–ã€ç‰¹ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æŒ‡å®šã—ã¦ã„ãªã„çŠ¶æ…‹ã§ã™ã€‚<a>ã‚¿ã‚°ã® titleå±žæ€§ãŒã€ãã®ã¾ã¾ç”»åƒã‚¿ã‚¤ãƒˆãƒ«ã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ <a>ã‚¿ã‚°ã® relå±žæ€§ã«åŒã˜åå‰ï¼ˆã‚°ãƒ«ãƒ¼ãƒ—åï¼‰ã‚’å…¥ã‚Œã‚‹ã¨ã‚°ãƒ«ãƒ¼ãƒ—ã¨ã—ã¦ã¾ã¨ã‚ã‚‰ã‚Œã€çŸ¢å°ãƒœã‚¿ãƒ³ã§ç§»å‹•ã§ãã¾ã™ï¼ ã¾ãŸã€jquery.mousewheel.js ã‚’ä½¿ãˆã°ã€ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã§ã‚‚ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚
eclucifer 2014/09/19
jQuery

webCreation
ãƒªãƒ³ã‚¯
[JS]ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æœ€ä¸Šéƒ¨ã«å›ºå®šã—ã€å„ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SMINT | ã‚³ãƒªã‚¹
SMINT SMINTã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML ã¾ãšã¯ã€æœ€ä¸Šéƒ¨ã«é…ç½®ã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã€‚ <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
eclucifer 2013/06/11
jQuery

webDesign
ãƒªãƒ³ã‚¯
[JS]æ©Ÿèƒ½ã‚‚å……å®Ÿã€è¨ç½®ã‚‚ç°¡å˜ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç´ æ•µï¼ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’å®Ÿè£…ã™ã‚‹è¶…è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Pop Easy
Google Maps Pop Easyã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã‚ãŸã‚Šã«ã€å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type='text/javascript' src='js/jquery.modal.js'></script> <script type='text/javascript' src='js/site.js'></script> Step 2: HTML æœ€ä½Žé™å¿…è¦ãªHTMLã®æ§‹é€ ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ L.1ãŒãƒˆãƒªã‚¬ãƒ¼ã€L.2ãŒã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ç”¨ã®ç©ºdivã€L3-6ãŒãƒ¢ãƒ¼ãƒ€ãƒ«å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚ <a class="modalLink" href="#">Click Me</a> <div class="overlay"></div> <div class="modal"> <a href="#"
eclucifer 2013/06/07
JavaScript

jQuery

webDesign
ãƒªãƒ³ã‚¯
å“ä¸Šã«å†™çœŸã‚’ç½®ã„ãŸã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆç”¨ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops å“ä¸Šã«å†™çœŸã‚’ç½®ã„ãŸã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆç”¨ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ æ¬¡ã®ã‚ˆã†ãªã€ï¼‘ã¤ã®å†™çœŸã¯è¤‡æ•°ã®å†™çœŸã‚’é‡ãåˆã‚ã›ãŸã‚ˆã†ã«ãªã£ã¦ã„ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ‘ãƒ©ãƒ‘ãƒ©ã¨å†™çœŸãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¤ã¤é–‹ã‹ã‚Œã¦ã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ã«ãªã‚‹ã¨ã„ã†ãªã‚“ã¨ã‚‚ã‚ªã‚·ãƒ£ãƒ¬ãªUIãŒå®Ÿè£…ã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ ã‚¯ãƒªãƒƒã‚¯ã—ãŸæ‰€ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚«ãƒƒã‚³ã„ã„ã®ã§æ˜¯éžãƒ‡ãƒ¢ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã† ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚µãƒ ãƒã‚¤ãƒ«ãŒã‚·ãƒ£ãƒƒãƒ•ãƒ«ã•ã‚Œã¦ã‚¯ãƒ¼ãƒ«ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…ã€ŒPhotofyã€ å‹•ç”»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨WordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³10å€‹ ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹PHPè£½ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒPhotoShowã€
eclucifer 2013/06/04
webDesign

jQuery
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã•ã‚“ã®ãŸã‚ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã«å½¹ç«‹ã¤ãƒªãƒ³ã‚¯é›†
2017å¹´6æœˆ29æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ ã€ŒWebã‚µã‚¤ãƒˆå‹‰å¼·ã™ã‚‹ã®ã«ãŠã™ã™ã‚ã®ã‚µã‚¤ãƒˆã‚’æ•™ãˆã¦ãã ã•ã„ï¼ã€ã¨ã®å£°ãŒå¤šã„ã®ã§ã™ãŒã€æ—¥æœ¬ã®Webé–¢é€£ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã‚’ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ä»Šã¾ã§ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã§ã—ãŸâ€¦ã€‚ã¨ã„ã†ã“ã¨ã§ã¡ã‚‡ã£ã¨ã‚°ã‚°ã£ã¦åˆå¿ƒè€…ã•ã‚“ã«ã‚ˆã•ãã†ãªã‚µã‚¤ãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚å°é›£ã—ã„å˜èªžãŒä¸¦ã‚“ã§ã‚ã‚‹ã‚ˆã†ãªã‚µã‚¤ãƒˆã¯é¿ã‘ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã™ãŒã€ã‚ã‹ã‚Šã«ãã‹ã£ãŸã‚‰ã™ã¿ã¾ã›ã‚“ã€‚ä»–ã«ã‚‚ãŠã™ã™ã‚ã‚µã‚¤ãƒˆãŒã‚ã‚Œã°ãœã²ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦æ•™ãˆã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æµã‚Œ ã¾ãšã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ç›®çš„ã‚’è€ƒãˆã‚‹ èª°ã®ãŸã‚ï¼Ÿä½•ã®ãŸã‚ï¼ŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚Šå§‹ã‚ã‚‹å‰ã«ã€‚ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã¨å‘¼ã°ã‚Œã‚‹æ§‹æˆå›³ã‚’ä½œæˆ Webã‚µã‚¤ãƒˆã®æ§‹æˆå›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆWebã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ã‚’ä½œæˆ Webã‚µã‚¤ãƒˆã®éª¨çµ„ã¿: ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ç´ æ—©ããƒ»
eclucifer 2010/05/25
html

css

JavaScript

jQuery

php

SEO

webDesign

webCreation

reference

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•
çŸ¥ã‚Šåˆã„ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã€ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ã®ãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã£ã¦ã©ã†ã‚„ã‚‹ã®ã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ CSSã¨JavaScriptï¼ˆå ´åˆã«ã‚ˆã£ã¦ã¯JSã®ã¿ï¼‰ã§ç°¡å˜ã«ã§ãã¦ã—ã¾ã†ã®ã§ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³å®Ÿè£… jQueryã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’ã‚µã‚¯ã‚µã‚¯ã£ã¨å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ä»•æ§˜ã‚’è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä»•æ§˜ ãƒ»å¤§ãƒ»ä¸ãƒ»å°ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ ãƒ»ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã«IDã‚’ã‚»ãƒƒãƒˆã—ã¦ãŠãã€ãã®IDåã‚’ã‚‚ã¨ã«classã‚’ã‚»ãƒƒãƒˆ ãƒ»CSSã«ã‚ã‚‰ã‹ã˜ã‚å„classç”¨ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å…¥ã‚Œã¦ãŠã ãƒ»å†åº¦è¨ªã‚ŒãŸã¨ãã€ã‚¯ãƒƒã‚ãƒ¼æƒ…å ±ãŒã‚ã‚Œã°ãã®ã‚µã‚¤ã‚ºã€ãªã‘ã‚Œã°ä¸ã‚µã‚¤ã‚ºã‚’ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã”ã¨å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯CSSã¨classã§ã‚»ãƒƒãƒˆã§å¯¾å¿œã—
eclucifer 2010/05/20
å°èª¬ã¨ã‹ã«ä½¿ã£ã¦ã¿ãŸã„ãªãƒ¼

JavaScript

jQuery

css

webCreation
ãƒªãƒ³ã‚¯
[JS]ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’é…ç½®ã—ã¦ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -image combobox
ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’é…ç½®ã—ã¦ã€ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«èªè˜ã—ã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’Marghoob Sulemanã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
eclucifer 2009/04/17
form

jQuery

JavaScript

webCreation

introduction
ãƒªãƒ³ã‚¯
1