[B! JQuery][èƒŒæ™¯] katryoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

katryo id:katryo

JQueryã¨èƒŒæ™¯ã«é–¢ã™ã‚‹katryoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

jQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹
ç”»åƒã®æº–å‚™ ã¨ã‚Šã‚ãˆãšã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ç”»åƒã‚’ç”¨æ„ã—ã¾ã™ã€‚ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã®ã§ç¶™ãŽç›®ã®ãªã„ç”»åƒã‚’ä½œæˆã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã§ã™ã€‚ ä½œæˆã—ãŸã‚‰ã€Œbg.pngã€ã¨ã„ã†åå‰ã§ä¿å˜ã—ã¾ã™ã€‚ ä»Šå›žã¯ã“ã‚“ãªç”»åƒã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã—ã‚‡ã¼ã„ã¨ã‹è¨€ã£ã¦ã¯ã„ã‘ãªã„ï¼ html+cssã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã«ç”»åƒã‚’é…ç½® html+cssã¯ç‰¹åˆ¥ãªã“ã¨ã¯ãªãæ™®é€šã«ä½œã‚Šã¾ã™ã€‚ ç”»åƒã¯bodyã®ã€Œbackgroundã€ã§é…ç½®ã—ã¦ã¿ã¾ã—ãŸã€‚ html <body> <div id="container"> <h1>jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ç„¡é™ãƒ«ãƒ¼ãƒ—</h1> <p> ã“ã®ãƒšãƒ¼ã‚¸ã¯jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã™ã€‚ </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
katryo 2013/04/12
jQuery

CSS

HTML

javascript

Webãƒ‡ã‚¶ã‚¤ãƒ³

èƒŒæ™¯ç”»åƒ

èƒŒæ™¯
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹CSSã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºï¼‰ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘è¦‹ã¤ã‘ãŸ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸã‚Šã—ãŸã®ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èƒŒæ™¯ã«ç”»åƒã‚’ä½¿ã£ãŸ Webã‚µã‚¤ãƒˆã£ã¦ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚å¤§ããã¦ã‚ãƒ¬ã‚¤ãªç”»åƒã¯ã€è¦‹ãŸç›®ã«ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã£ã¦ã¨ã¦ã‚‚å°è±¡çš„ã§ã™ã€‚ã§ã‚‚ Webã‚µã‚¤ãƒˆã‚’é–²è¦§ã—ã¦ã„ã‚‹äººã®ç’°å¢ƒã¯æ§˜ã€…ã§ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºãŒé•ã£ãŸã‚Šã™ã‚‹ã‚‚ã®ã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã®ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦ã€ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§ã”ç´¹ä»‹ã—ã¾ã™ï¼ ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ ç›®æ¬¡ CSSã®ã¿ã§ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ fullscreenr ã‚’ä½¿ã£ã¦ã¿ãŸ Full Size Background Image jQuery Plugin ã‚’ä½¿ã£ã¦ã¿ãŸ jQuery max
katryo 2012/08/05
jQuery

CSS

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ç”»åƒ

plugin

jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

css

èƒŒæ™¯
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦èƒŒæ™¯ã‚’å¤‰æ›´ã™ã‚‹ - ã‹ã¡ã³ã¨.net
Result jQuery $(function() { var secTopArr = new Array(); var moveFlug = false; var allHeight = $('body').outerHeight(true); var bgImg = new Array('#000','#eee', '#555', '#ccc', '#999'); ////å„sectionã®ä½ç½® $('div.section').each(function (i) { secTopArr[i] = $(this).offset().top; }); var current = -1; //ç¾åœ¨ä½ç½®ãŒã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä½ç½®ã‚ˆã‚Šå¤§ãã„å ´åˆã¯èƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆ $(window).scroll(function () { for (var i = secTopArr.length-1; i>=0; i
katryo 2012/06/26
scroll

HTML

èƒŒæ™¯

jQuery

CSS
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦èƒŒæ™¯ã‚’å¤‰ãˆã‚‹
Result jQueryvar $anchors = $('section > a:first-child'), $zone_div = $('#the_zone'), $body = $('body'); function change_bg() { var $win = $(window), $the_zone = $win.height() / 100 * 50; $zone_div.width($win.width()).height($the_zone); $anchors.each(function() { var anchor_pos = $(this).offset().top, zone_pos = $zone_div.position().top + $the_zone; if (anchor_pos < zone_pos) { //IDåã‚’classã¨ã—ã¦åŠ ãˆã‚‹ $
katryo 2012/06/26
ã“ã‚Œã™ã”ã„ãª

scroll

èƒŒæ™¯

HTML

jQuery

CSS
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®èƒŒæ™¯ã§é›²ãªã©ãŒå‹•ãï¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’å‡ºã™ JavaScript é›†
æœ€è¿‘ã¯ã€ã‚³ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ã‚¹ãƒšãƒ¼ã‚¹ ã‚¿ãƒãƒžã‚ ã®æ–¹ã§ã€è¨˜äº‹ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚@uetsuhara ã§ã‚‚æ°—ã«ãªã£ãŸãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚„è¨˜äº‹ãªã©æµã—ã¦ã¾ã™ã€‚è‰¯ã‹ã£ãŸã‚‰è¦—ã„ã¦ã¿ã¦ãã ã•ã„ã€‚ èªäº†ç›®å®‰ 1åˆ†58ç§’ å®£ä¼ã½ã„ã§ã™ãŒã¦ã‹å®£ä¼ã«ãªã‚Šã¾ã™ãŒã€æ¨ªæµœã®ã‚³ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ã‚¹ãƒšãƒ¼ã‚¹ã‚¿ãƒãƒžã‚ã§ã€ã¾ãŸèƒŒæ™¯ã®é›²ãŒå‹•ãå§‹ã‚ã¾ã—ãŸã€‚ã‚„ã¯ã‚Šã¡ã‚‡ã£ã¨é‡ã„ï¼Ÿã¨ã®ã“ã¨ã§ã€ç¾åœ¨ä¸€æ™‚åœæ¢ä¸ã§ã™ã€‚åˆ¥ã®æ–¹æ³•ã‚’æ¨¡ç´¢ä¸ã€‚ understandard.net ãŒå®Ÿè£…ã—ã¦ãã‚Œã¾ã—ãŸã€‚è©³ã—ã„ã“ã¨ã¯å½¼ã«ï½— ã¤ã„ã§ã«ä¼¼ãŸã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ã¾ãã‚¿ãƒãƒžã‚ã§ã‚‚ä½¿ã£ã¦ã„ã‚‹ $fx ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ååˆ†ãªæ°—ã‚‚ã—ã¾ã™ãŒã€‚ãªã‹ãªã‹å‹•ããŒè»½ã„æ°—ãŒã—ã¾ã™ã€‚ èƒŒæ™¯ã‚’å‹•ã‹ã™ã‚¹ã‚¯ãƒªãƒ—ãƒˆä¸€è¦§ $fx â€“ JavaScript animation library åƒ•ã‚‰ãŒä»Šå›žä½¿ã£ãŸã®ã¯ã“ã¡ã‚‰ã€‚ãªã‹ãªã‹è‰¯ã„ã‹ã¨ã€‚é«˜æ©Ÿèƒ½ãªå‰²ã«ã¯ã€è»½é‡ã£ã¦ã®ãŒå£²ã‚Šã®ã‚ˆã†ã§ã™ã€‚é›²ãªã©ã®ç”»åƒãƒ¬ã‚¤
katryo 2012/06/21
ã„ã£ã±ã„ã‚ã‚‹ã‚„ã‚“

jQuery

jQuery

èƒŒæ™¯

ã¾ã¨ã‚

webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
1