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

aopuu id:aopuu

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

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

[JS]Lightboxã®é€²åŒ–å½¢ï¼ã‚¯ãƒªãƒƒã‚¯ã§ã‚‚ã‚¿ãƒƒãƒ—ã§ã‚‚å¿«é©å‹•ä½œã®ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Intense Images
ã‚µãƒ ãƒã‚¤ãƒ«çœŸã‚“ä¸ã®é¢¨æ™¯å†™çœŸã¯ç¸¦é•· Intense Imagesã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ <head> ... <script src='../intense.js'></script> </head> Step 2: HTML ç”»åƒã¯2ç¨®é¡žã®é…ç½®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ imgè¦ç´ ã¯ã‚µãƒ ãƒã‚¤ãƒ«ã¨æ‹¡å¤§æ™‚ã®ç”»åƒã‚’å…¼ç”¨ã—ã€data-imageå±žæ€§ã¯æ‹¡å¤§æ™‚ã«é«˜è§£åƒåº¦ã®ç”»åƒã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <img src="./img/awesome-source.jpg" />  <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageã‚’ä½¿ç”¨ã™ã‚‹æ™‚ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ã¯CSSã§èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®š
aopuu 2014/07/14
jQuery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
aopuu 2013/06/15
iPhone

jQuery
ãƒªãƒ³ã‚¯
PhotoSwipe
Whatâ€™s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
aopuu 2012/12/18
ã‚¹ãƒžãƒ›ã®æ“ä½œã«å¯¾å¿œã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªLightboxç³»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

iPhone

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

jQuery
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ãŠå½¹ç«‹ã¡ï¼ãƒªãƒ³ã‚¯å…ˆã®faviconã‚’ãƒªãƒ³ã‚¯ã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã‚ˆããƒªãƒ³ã‚¯ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä»˜ã‘ã‚‹ã“ã¨ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãï¼Ÿã‚¢ãƒ¬ã‚’ãƒªãƒ³ã‚¯å…ˆã®faviconã‚’è‡ªå‹•ã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã£ã¦ã§ãã‚Œã°ã£ã¦æ€ã£ãŸã“ã¨ã£ã¦ãªã„ã£ã™ã‹ï¼Ÿ ãã‚“ãªWEBå±‹ãªã‚‰ä¸€åº¦ã¯ï¼ˆï¼Ÿï¼‰è€ƒãˆãŸã“ã¨ã®ã‚ã‚‹faviconã®ã‚¢ã‚¤ã‚³ãƒ³åŒ–ãŒã“ã‚“ãªæ„Ÿã˜ã§å®Ÿè£…ã§ãã‚‹ã“ã¨ã‚’ã¤ã„å…ˆæ—¥çŸ¥ã‚‹ã“ã¨ã«ãªã‚Šã€ã³ã£ãã‚Šæ„Ÿå‹•ã—ã¦ã—ã¾ã£ãŸã®ã§æ˜¯éžã”ç´¹ä»‹ã•ã›ã¦é ‚ã‘ã‚Œã°ã“ã‚Œå¹¸ã„ã§ã™ï¼ å…ƒè¨˜äº‹ã¯ã“ã¡ã‚‰ï¼ Favicons Next To External Links | CSS-Tricks ã“ã‚Œå®Ÿè£…ã™ã‚‹ã¨ã€ã¤ã¾ã‚Šä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã‚‹ã‚ã‘ã£ã™ãï¼ ã“ã‚Œã€ä½•ã‚’ã—ã¦ã‚‹ã®ã‹æ°—ã«ãªã£ã¦è¦‹ã¦ã¿ãŸã‚‰ã€ãã‚‚ãã‚‚getFaviconã£ã¦ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ãŒã‚ã‚‹ã‚‰ã—ã„ã“ã¨ã‚’ã—ã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯ãƒªãƒ³ã‚¯å…ˆã®URLã‚’ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã¨ã—ã¦æ¸¡ã™ã¨ã€ãƒªãƒ³ã‚¯å…ˆã®<link>æƒ…å ±ã¿ã¦ã€faviconã®URLå¼•ã£å¼µã£ã¦ãã‚‹ã£ã¦ä»•çµ„ã¿ã‚‰ã—ã„ã§ã™ãã€‚ http://g.etfv.co/h
aopuu 2012/05/30
ã¶ãã¾ï½œã“ã‚Œã¯ãŠå½¹ç«‹ã¡ï¼ãƒªãƒ³ã‚¯å…ˆã®faviconã‚’ãƒªãƒ³ã‚¯ã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®WEBå±‹

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

webåˆ¶ä½œ

jQuery

CSS
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨ã«ã€ãƒ•ãƒªãƒƒã‚¯ãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—å¯¾å¿œãŒç°¡å˜ã«å‡ºæ¥ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚ | Webæ´»ãƒ¡ãƒ¢å¸³
æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå¯¾å¿œã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¦ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã«å¯¾å¿œã•ã›ãŸã„ã¨è¨€ã‚ã‚Œã‚‹äº‹ãŒçµæ§‹å¤šã„ã§ã™ã€‚ çŸ¥ã£ã¦ã‚‹äººã‚‚å±…ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¹ãƒ¯ã‚¤ãƒ—ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼å°‚ç”¨ã®ã‚‚ã®ã‹ã‚‰ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’ã‚¹ãƒ¯ã‚¤ãƒ—ã§åŒºåˆ‡ã‚‹ã‚‚ã®ã¾ã§è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆã€‚ å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ jQuery Touchwipe iPhoneã€iPadã€Androidç”¨ã«ã‚¹ãƒ¯ã‚¤ãƒ—ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ç§»å‹•ã§ãã¾ã™ã€‚ ã‚¹ãƒ¯ã‚¤ãƒ—ã—ãŸæ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒç°¡å˜ã«å–å¾—ã§ãã‚‹ã®ã§ã€ç”»åƒåˆ‡æ›¿æ„å¤–ã«ã‚‚è‰²ã€…ä½¿ãˆãã†ã€‚ PCã®å ´åˆã«ã¯ã€ã‚¢ãƒ³ã‚«ãƒ¼ãƒ†ã‚ã‚¹ãƒˆã§ç”»åƒã®åˆ‡æ›¿ãŒã§ãã¾ã™ã€‚ ã‚µã‚¤ã‚ºã‚‚1kBç¨‹åº¦ãªã®ã§ã€ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã«å„ªã—ã„ã§ã™ãã€‚ PhotoSwipe jQuery Mobileå¯¾å¿œã®å…¨ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ å†™çœŸã‚’å¤§ããè¡¨ç¤ºã•ã›ã¦ã€ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã§æ“ä½œã™ã‚‹ã‚¿ã‚¤ãƒ—ã§ã™ã€‚ jquery.flicks
aopuu 2012/05/14
jQuery

iphone
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2012å¹´2ãƒ»3æœˆ
Camera è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Designå¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚
aopuu 2012/03/31
jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2012å¹´2ãƒ»3æœˆ | ã‚³ãƒªã‚¹

JS

jQuery
ãƒªãƒ³ã‚¯
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
aopuu 2012/03/02
iPhone

jQuery
ãƒªãƒ³ã‚¯
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajaxéƒµä¾¿ç•ªå·â†’ä½æ‰€è‡ªå‹•å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ï¼ˆCGIä¸è¦ç‰ˆï¼‰ AjaxZip2ã¯ã€æ˜¨å¹´å…¬é–‹ã—ãŸ ã€Žajaxãªä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã€ ã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã™ã€‚ éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã™ã‚‹ã¨ã€è©²å½“ã™ã‚‹éƒ½é“åºœçœŒåãƒ»ä½æ‰€ãŒè‡ªå‹•çš„ã«å…¥åŠ›ã•ã‚Œã¾ã™ã€‚ Ajaxã¨ JSON ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’åˆ©ç”¨ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ JavaScript ã®ã¿ã§ç¨¼å‹•ã™ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ç¨¼å‹•ã™ã‚‹CGIãƒ—ãƒã‚°ãƒ©ãƒ ã¯ä¸è¦ã§ã™ã€‚ éƒµä¾¿ç•ªå·â†’ä½æ‰€å¤‰æ›å‡¦ç†ã¯å…¨ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã§è¡Œã„ã¾ã™ã€‚ æ—¢å˜ HTML ã®ä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ãŸã£ãŸ3è¡Œæ›¸ãæ›ãˆã‚‹ã ã‘ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ç°¡å˜ã«è¨ç½®ã§ãã‚‹ãŸã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã«è©³ã—ããªã„æ–¹ã§ã‚‚å°Žå…¥ã—ã¦ã„ãŸã ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ã€7æ¡ã®éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã€2007/12/09 è¿½è¨˜ã€‘ jQ
aopuu 2012/02/14
ã„ã„ã‹ã’ã‚“ãƒ–ã‚¯ãƒžã—ã¨ãã€‚CGIã‚’ä½¿ã‚ãšã«Ajaxã§éƒµä¾¿ç•ªå·ã‹ã‚‰ä½æ‰€è‡ªå‹•å…¥åŠ›ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆï½œAjaxZip 2.0 - Ajaxéƒµä¾¿ç•ªå·â†’ä½æ‰€è‡ªå‹•å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ï¼ˆCGIä¸è¦ç‰ˆï¼‰

jQuery

ajax
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2011å¹´ç·é›†ç·¨
2011å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100+Î±é¸ã§ã™ã€‚ ä»Šå¹´ã¯CSS3ã®å½±éŸ¿ã‚‚ã‚ã£ã¦ã‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç›®ç«‹ã¡ã¾ã—ãŸã€‚ã¾ãŸã€Resposive Web Designç”¨ã®å¯å¤‰ã‚‚ã®ã‚„å‹•ç”»ãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚’æ‰±ã£ãŸã‚‚ã®ã‚‚å¤šã‹ã£ãŸã§ã™ãã€‚ [ad#ad-2] å‹•ç”»é–¢é€£ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…ç½®ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³é–¢é€£ èƒŒæ™¯ç”»åƒé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚«ãƒ«ãƒ¼ã‚»ãƒ«é–¢é€£ ã‚¿ãƒ–é–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ ãƒ‘ãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãƒ»ãƒ†ã‚£ãƒƒã‚«ãƒ¼é–¢é€£ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–¢é€£ ãƒªã‚¹ãƒˆé–¢é€£ ãƒ†ãƒ¼ãƒ–ãƒ«é–¢é€£ ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ ãƒ†ã‚ã‚¹ãƒˆé–¢é€£ è¦‹å‡ºã—æŠ½å‡ºé–¢é€£ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– å‹•ç”»é–¢é€£
aopuu 2011/12/12
ã¶ãã¾ï½œ[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2011å¹´ç·é›†ç·¨ | ã‚³ãƒªã‚¹

jQuery
ãƒªãƒ³ã‚¯
jQuery.lightpop.js - dogmap.jp
ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®è¨å®š ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’è¨å®šã™ã‚‹ã“ã¨ã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ æž ã®è¦‹ãŸç›®ã‚’å¤‰æ›´ã—ãŸã‚Šã§ãã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ã€ã–ã£ã¨æ¬¡ã®é€šã‚Šã€‚ é€šå¸¸ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ overlayBgColor: ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®èƒŒæ™¯è‰² overlayOpacity: ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®é€æ˜Žåº¦ contentFrameType: 'border' (é€šå¸¸) or 'box' (ç”»åƒã‚’ä½¿ç”¨ã—ã¦ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¡¨ç¤º) contentBgColor: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®èƒŒæ™¯è‰² containerBorderSize: ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è„‡ã«è¡¨ç¤ºã™ã‚‹ç©ºç™½ã®å¹…ã‚’ px ã§æŒ‡å®š containerResizeSpeed: ãƒªã‚µã‚¤ã‚ºã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ™‚ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’æ•°å€¤ã§æŒ‡å®š imageLoading: èªã¿è¾¼ã¿ä¸ã«è¡¨ç¤ºã™ã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹ imageBtnClose: ã€Œé–‰ã˜ã‚‹ã€ãƒœã‚¿ãƒ³ç”¨ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹ imageBtnPrev: ã€Œå‰ã¸ã€ãƒœã‚¿ãƒ³ç”¨ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹
aopuu 2011/11/11
å‹•ç”»ã‚’LightBoxé¢¨ã«è¡¨ç¤ºã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ãƒ¡ãƒ¢ç¨‹åº¦ã«ã¶ãã¾ï½œjQuery.lightpop.js : ç‹¬æ–ã¨åè¦‹ã®ä½•ã§ã‚‚ãƒ¬ãƒ“ãƒ¥ãƒ¼

jQuery

å‹•ç”»

lightbox
ãƒªãƒ³ã‚¯
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
aopuu 2011/10/12
ã‚°ãƒ¼ã‚°ãƒ«ã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å–å¾—ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼å‡ºæ¥ã‚‹ã‚µã‚¤ãƒˆã€ã¶ãã¾ï½œjQuery google api and other google hosted javascript libraries. - ScriptSrc.net

jQuery

google
ãƒªãƒ³ã‚¯
Shuffle Letters Effect: a jQuery Plugin
In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element - an interesting effect that can be used in headings, logos and slideshows. Updated on 10 Sep 2011: The plugin was slightly improved by including a callback function, called when the animation is complete. Just pass it as a property of the arguments object: $('#el').shuffleLetters({callba
aopuu 2011/10/03
æ–‡å—ã‚’ãƒ©ãƒ³ãƒ€ãƒ ã§è¡¨ç¤ºã•ã›ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï½œShuffle Letters Effect: a jQuery Plugin | Tutorialzine

jQuery
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ã¡ã‚‡ã£ã¨ã ã‘ä½¿ã„ã‚„ã™ãã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒrbTableã€:phpspoté–‹ç™ºæ—¥èªŒ
Making a table become selectable with rbTable ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ã¡ã‚‡ã£ã¨ã ã‘ä½¿ã„ã‚„ã™ãã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒrbTableã€ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã®ã‚»ãƒ«ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ãŒã‚ã†ã¨è‰²ãŒå¤‰ã‚ã£ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ›´ã«é¸æŠžçŠ¶æ…‹ã«ã§ãã‚‹ã¨ã„ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æ²¢å±±ã®ãƒ‡ãƒ¼ã‚¿ã‚’ãŸã©ã‚‹ä¸Šã§ã€ã“ã†ã„ã£ãŸæ©Ÿèƒ½ã¯ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ãŒé€šå¸¸ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã«ã¯ã‚ã‚Šã¾ã›ã‚“ãã€‚ ã¡ã‚‡ã£ã¨ã—ãŸä¸€æ‰‹é–“ã§ä½¿ã„ã‚„ã™ã„ãƒ†ãƒ¼ãƒ–ãƒ«ã«ã§ãã‚‹ã®ã§è¦šãˆã¦ãŠã„ã‚‚ã‚ˆã„ã‹ã‚‚ã€‚ CSSãªã©ã¯è‡ªåˆ†ã§æŒ‡å®šã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã§ã€è‡ªåˆ†ã§å¥½ããªã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã¯ãšã§ã™ã€‚ åˆæœŸåŒ–ã«ã¯æ¬¡ã®ã‚ˆã†ã«ã€CSSã®ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šã—ã¦ã‚ã’ã‚‹ã ã‘ã§ã™ $('.table').rbTable({row:"your_class", rowClick:"your_click_class"}); é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³ã„ã„
aopuu 2011/09/26
jQuery
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®jQuery
ãƒ‡ã‚¶ã‚¤ãƒŠå‘ã‘ã€Œåˆã‚ã¦ã®jQueryã€
aopuu 2011/09/12
ãƒ„ãƒœã£ãŸã®ã§æ€ã‚ãšã¶ãã¾ï½—ï½—ï½—ã“ã‚Œãœã£ãŸã„ãƒ²ã‚¿ã‚¯ãŒä½œã£ãŸï½—ï½—ï½—ï½œã¯ã˜ã‚ã¦ã®jQuery

jQuery
ãƒªãƒ³ã‚¯
jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å¼·åŠ›ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ãƒŒï¼Ÿ'); }, function(){ $(this).text('ãƒŒãƒ¼'); } );
aopuu 2011/09/12
jQuery
ãƒªãƒ³ã‚¯
Google Loader Developer's Guide - Google Loader - Google Code
Google Loader Developer's Guide In order to use the Google APIs, you must import them using the Google API loader in conjunction with the API key. The loader allows you to easily import one or more APIs, and specify additional settings (such as language, location, API version, etc.) applicable to your needs. In addition to the basic loader functionality, savvy developers can also use dynamic load
aopuu 2011/09/12
google AJAX API å¿˜ã‚Œãã†ãªã®ã§ã¶ãã¾ï¼šGoogle Loader Developer's Guide - Google Loader - Google Code

google

jQuery
ãƒªãƒ³ã‚¯
æœ€è¿‘ã‚ˆãã¿ã‚‹å®šç•ªã®å‹•ãã¯ã€ã ã„ãŸã„ã“ã‚Œã§å¯¾å¿œã§ãã‚‹jqueryãƒ©ã‚¤ãƒ–ãƒ©ãƒª |ã€€ãƒãƒ‹ãƒ‡ã‚¶ãƒŽãƒ¼ãƒˆ
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãªã‹ã§ã€ jqueryã‚’ã¤ã‹ã£ãŸã€ã•ã‚Šã’ãªã„ã€Œå‹•ãã€ã‚’ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆä¸Šã§å°Žå…¥ã™ã‚‹ã®ãŒ å®šç•ªã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ãã€‚ ãµã‚ã£ã¨ã€ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã¿ãŸã„ã«æµ®ãä¸ŠãŒã£ã¦ãã‚‹ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã€ ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã®ã‚¹ãƒ©ã‚¤ãƒ‰ãªã© æœ€è¿‘è‰¯ãè¦‹ã‚‹jqueryã§ã¤ãã‚‹ã€Œå‹•ãã€ã§ã€ãŠã™ã™ã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ è¦ç´ ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ãªã‚‰Jquery.cycle.plugin ç”»åƒã‚„ã€ãƒ†ã‚ã‚¹ãƒˆãªã©ã€ éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªhtmlã‚½ãƒ¼ã‚¹ã‚’èªè˜ã—ã¦å¯¾å¿œã—ã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ä¸Šã‹ã‚‰è½ã¡ã¦ããŸã‚Šã€æ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ãŸã‚Šã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ãŸã‚Š ã‚¹ãƒ©ã‚¤ãƒ‰ç•ªå·ã‚’ã¤ã‘ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰é ˜åŸŸã®è¦ç´ ã®å³å·¦ã«çŸ¢å°ã‚’ã¤ã‘ãŸã‚Šã‚‚ã§ãã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªdemo Even More Demosã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ä¸€è¦§ã¯ã“ã¡ã‚‰ â†’ jquery.cycle.plugin ãƒšãƒ¼ã‚¸å†…ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€lightboxé¢¨è¡¨ç¾ãªã‚‰fa
aopuu 2011/09/09
jQuery
ãƒªãƒ³ã‚¯
simplelib with jQuery
1.simplelibã¨ã¯ simplelibã¨ã¯jQueryã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å‹•çš„ã«ãƒãƒ¼ãƒ‰ã—ã¦ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§ã‚ˆãä½¿ã†æ©Ÿèƒ½ã‚’ä¸€å…ƒç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ å„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã€å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã‚’ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã®ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ 2.ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä¸€è¦§ ç¾åœ¨ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚Šã€HTMLã«ï¼‘è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã“ã‚Œã‚‰å…¨ã¦ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ accordion
aopuu 2011/06/28
ã¸ãƒ¼â€¦ãƒ–ã‚¯ãƒžï¼šSimpleLib with jQuery

jQuery
ãƒªãƒ³ã‚¯
å°‘ã—ã®jQueryã‚³ãƒ¼ãƒ‰ã§HTMLãƒ†ãƒ¼ãƒ–ãƒ«ã®åˆ—ã«ãƒªãƒ³ã‚¯å…ˆã‚’æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.net
åˆ—å…¨ä½“ãŒã‚¯ãƒªãƒƒã‚¯å¯èƒ½ã§ã€Wikipediaã«é£›ã³ã¾ã™ã€‚ã‚»ãƒ«å†…ã«ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã¯ãã¡ã‚‰ãŒå„ªå…ˆã•ã‚Œã¾ã™ã€‚Webã‚µãƒ¼ãƒ“ã‚¹ã®æ–™é‡‘ãƒ—ãƒ©ãƒ³ãªã‚“ã‹ã«ä½¿ãˆãã†ã§ã¯ã€‚ jQuery( function($) { $('tbody tr[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('tr').unbind('click'); }, function() { $(this).parents('tr').click( function() { window.location = $(this).attr('data-href'); }); });
aopuu 2011/06/09
ã„ã„ãªã“ã‚Œâ€¦ï½œã¶ãã¾ï¼šå°‘ã—ã®jQueryã‚³ãƒ¼ãƒ‰ã§HTMLãƒ†ãƒ¼ãƒ–ãƒ«ã®åˆ—ã«ãƒªãƒ³ã‚¯å…ˆã‚’æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.net

jQuery

tips
ãƒªãƒ³ã‚¯
[JS]ä¸€ã¤ä¸€ã¤ã®ãƒ‘ãƒãƒ«è¡¨ç¤ºã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -imgPlayer
ä¸€ã¤ä¸€ã¤ã®ãƒ‘ãƒãƒ«ã‚’ç•°ãªã‚‹ã‚µã‚¤ã‚ºã§ã€æœ€é©ãªä½ç½®ã«è¡¨ç¤ºã—ã€ç•°ãªã‚‹èƒŒæ™¯ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨å®šã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ imgPlayer ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒ‡ãƒ¢ã§ã¯10æžšã®ãƒ‘ãƒãƒ«ãŒã‚»ãƒƒãƒˆã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œç•°ãªã‚‹ã‚µã‚¤ã‚ºã€æœ€é©ãªä½ç½®ã§è¡¨ç¤ºã—ã€ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ 2æžšç›®ã‚’è¡¨ç¤ºã—ãŸã‚ãƒ£ãƒ—ãƒãƒ£ é™æ¢ç”»ã§ã¯ãã®æ¥½ã—ã•ãŒåˆ†ã‹ã‚‰ãªã„ã®ã§ã€ãœã²ãƒ‡ãƒ¢ã‚’ã©ã†ãžã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®æ“ä½œã¯ã€ç”»åƒã®å·¦å³ã®ã‚¢ãƒãƒ¼ã€ä¸‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®çŸ¢å°ã‚ãƒ¼ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ å®Ÿè£…ã¯å°‘ã—é¢å€’ã§ã€å€‹ã€…ã®ãƒ‘ãƒãƒ«ã”ã¨ã«åº§æ¨™ã¨ã‚µã‚¤ã‚ºãªã©ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚‚è¨å®šã§ãã¾ã™ã€‚ JavaScript ãƒ‘ãƒãƒ«ï¼ˆä¸€æžšï¼‰ã®è¨å®šä¾‹ã§ã™ã€‚ [221,30,386,518,{ onStart: function(){ darkStyle(); $('#text').html
aopuu 2011/05/07
ä¸€ã¤ä¸€ã¤ã®ãƒ‘ãƒãƒ«è¡¨ç¤ºã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -imgPlayer | ã‚³ãƒªã‚¹

javascript

jQuery
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸