[B! jquery] takun71ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

takun71 id:takun71

jqueryã«é–¢ã™ã‚‹takun71ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (74)

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

Twitterã‚„Facebookã®ã‚ˆã†ã«ä¸€ç•ªä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰è‡ªå‹•çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ã€ŒjQuery.Bottomãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€
Twitterã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚„Facebookã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã‚ˆã†ã«ã€ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è‡ªå‹•çš„ã«è¡¨ç¤ºã™ã‚‹ã€ŒjQuery.Bottomãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï¼‘ï¼Žã‚µãƒ³ãƒ—ãƒ« jQuery.Bottomãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã¯ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã„ã¾ã„ã¡ãªã®ã§ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šã¾ã—ãŸã€‚ jQuery.Bottomãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ« ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è‡ªå‹•çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãªãŠã€æœ€åˆã«è¡¨ç¤ºã—ãŸçŠ¶æ…‹ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã™ã¹ã¦è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã¨ãã‚‚ãã‚‚å‹•ä½œã—ãªã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ ï¼’ï¼Žãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ©Ÿèƒ½ jQuery.Bottomãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€Œbottomã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™»éŒ²ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’åˆ©ç”¨ã—ã¦ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚Œã°ã€bottomã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ã¾ã™ã€‚ ï¼“ï¼Žãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ githubã®jQue
takun71 2020/04/21
â€œ<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="jquery.bottom-1.0.js"></script> <script type="text/javascript"> $(function() { $(window).bottom({proximity: 0.05}); $(window).on('bottom', function() {

jquery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Masonryã‚’ä½¿ã£ã¦ç”»åƒã‚’ã‚¿ã‚¤ãƒ«çŠ¶ã«ä¸¦ã¹ã‚‹ | æ ªå¼ä¼šç¤¾ãƒãƒƒãƒ—ãƒ‡ã‚£ãƒƒãƒ—
ä»Šå›žã¯JQueryã®ã€ŒMasonryã€ã‚’ä½¿ç”¨ã—ã¦ã€ç”»åƒã‚’ã‚¿ã‚¤ãƒ«çŠ¶ã«ä¸¦ã¹ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ãŸã®ã§ã”è¦§ãã ã•ã„ã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã¨ã€è‡ªå‹•çš„ã«æ¨ªä¸¦ã³ã®æ•°ã‚’èª¿æ•´ã—ã¦ãã‚Œã‚‹ã®ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚µã‚¤ãƒˆã«ã‚‚ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã§ã¯ã€æ¬¡é …ã‹ã‚‰æ—©é€Ÿè§£èª¬ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ headå†…ã®è¨˜è¿° ã¾ãšã¯HTMLãƒ•ã‚¡ã‚¤ãƒ«ã®headéƒ¨åˆ†ã‚’è¨˜è¿°ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ headå†…ã«jQueryã¨Masonryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¨˜è¿° <script src="https://ajax.google apis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="js/masonry.pkgd.min.js"></script> <script src="js/imagesloaded.pkg
takun71 2018/06/04
ã‚¿ã‚¤ãƒ«é¢¨ã«è¡¨ç¤º

jquery
ãƒªãƒ³ã‚¯
Google Libraries API
Stay organized with collections Save and categorize content based on your preferences. The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries. Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a
takun71 2018/04/07
ajax

jquery
ãƒªãƒ³ã‚¯
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
takun71 2018/02/26
js

jQuery
ãƒªãƒ³ã‚¯
jQuery.when() ã§ã€è¤‡æ•°ã®éžåŒæœŸå‡¦ç†ã‚’æ‰±ã† ï½œ Tips Note by TAM
jQuery ã§ AJAXã™ã‚‹ã®ã« Deferred ãŒä¾¿åˆ©ã§ã™ã‚ˆããƒ¼ã¨ã„ã†è©±ã€‚ ä»Šå›žã¯ jQuery.when() ã«ã¤ã„ã¦ã§ã™ã€‚ è¤‡æ•°ã®éžåŒæœŸå‡¦ç†ã‚’æ‰±ã†ã¨ã ãŸã¨ãˆã°ã€ JSONãƒ‡ãƒ¼ã‚¿A ã‚’ AJAX ã§å–å¾—ã—ãŸã„ åˆ¥ã®ãƒ‡ãƒ¼ã‚¿B ã‚‚ AJAX ã§å–å¾—ã—ãŸã„ ä¸¡æ–¹ã®å–å¾—ãŒçµ‚ã‚ã£ãŸã‚‰ã€ç¶šãå‡¦ç†ã‚’ã—ãŸã„ ã“ã†ã„ã†å‡¦ç†ã‚’ Deferred ã®ä»•çµ„ã¿ã‚’ä½¿ã‚ãªã„ã§æ›¸ãã¨ã€ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã§ã—ã‚‡ã†ã‹ã€‚ var data_a, data_b; $.getJSON('a.json', function (data_a) { $.getJSON('b.json', function (data_b) { // ä¸¡æ–¹çµ‚ã‚ã£ãŸæ™‚ã®å‡¦ç† console.log(data_a, data_b); }); }); Deferred ã‚’ä½¿ã‚ãªã„ã¨ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®ä¸ã«æ¬¡ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’æ›¸ã„ã¦â€¦â€¦ ã¨ã„ã£ãŸæ›¸ãæ–¹ã§ã™
takun71 2017/06/27
jquery

Deferred
ãƒªãƒ³ã‚¯
optionè¦ç´ ã®textéƒ¨åˆ†ã‚’ã¿ã¦selectè¦ç´ ã®å€¤ã‚’Javascriptã‹ã‚‰å¤‰æ›´ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ - ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã™ã‚‹ãƒ–ãƒã‚°
è‹¥å¹²ã‚ã‹ã‚Šã¥ã‚‰ã„ã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãŒæ¬¡ã®ã‚ˆã†ãªã“ã¨ã§ã™ã€‚ ä¸‹ã®ã‚ˆã†ãªhtmlãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ <select id="sampleSelect"> <option value="0">Apple</option> <option value="1">Orange</option> <option value="2">Lemon</option> <option value="3">Strawberry</option> </select> ã“ã‚Œã«å¯¾ã—ã¦é¸æŠžä¸ã®optionè¦ç´ ã‚’Javascriptã‹ã‚‰å¤‰æ›´ã™ã‚‹æ©Ÿèƒ½ã‚’ã¤ã‘ã‚‹éš›ã€valueå±žæ€§ã®å€¤ã‚’æŒ‡å®šã—ã¦é¸æŠžã‚’è¡Œã†ã®ã§ã¯ãªãtextéƒ¨åˆ†('Apple'ã‚„'Orange')ã‚’ã¿ã¦é¸æŠžã‚’è¡Œã†ãŸã‚ã®æ›¸ãæ–¹ã«ã¤ã„ã¦ã€ã¨ã„ã†æ„å‘³ã§ã™ã€‚ valueå±žæ€§ã‚’ã¿ã¦é¸æŠžã™ã‚‹ã®ã§ã‚ã‚Œã° document.getElementById('sampleSelect').va
takun71 2017/01/24
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
takun71 2016/02/22
jquery
ãƒªãƒ³ã‚¯
http://blog.yuku-t.com/entry/20110823/1314111340
takun71 2015/12/15
jquery

ajax
ãƒªãƒ³ã‚¯
jQueryã§ã€é †ç•ªã«å®Ÿè¡ŒãŒå‡ºæ¥ã‚‹ .when() ã‹ã‚‰ .done() ãŒä¾¿åˆ©ã ã£ãŸã®ã§ãƒ¡ãƒ¢ | ARAKAZE NOTE
Javascriptã‚„jQueryã‚’æ›¸ã„ã¦ã„ã‚‹ã¨ã€ã€Œã“ã®å‡¦ç†ãŒã¡ã‚ƒã‚“ã¨çµ‚ã‚ã£ã¦ã‹ã‚‰ã€ã“ã£ã¡ã®å‡¦ç†ã‚’å§‹ã‚ãŸã„ï¼ã€ã£ã¦å ´é¢ã«çµæ§‹éé‡ã™ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ç‰¹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã„ã‚‹ã¨ãã«ã‚ˆãã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’è¨å®šå‡ºæ¥ã‚‹å‡¦ç†ãªã‚‰ç°¡å˜ãªã®ã§ã™ãŒã€ãã‚ŒãŒãªã„ã‚‚ã®ã‚‚çµæ§‹ã‚ã£ãŸã‚Šã—ã¾ã™ã€‚åƒ•ãŒå›°ã£ãŸã®ã¯.html()ã‚„.ajax()ã§ã—ãŸã€‚ãªã‚“ã‹ã„ã„è§£æ±ºç–ã¯ç„¡ã„ã‹ãªãƒ¼ã¨ã‚°ã‚°ã£ã¦ã¿ãŸã¨ã“ã‚.when().done()ã¨ã„ã†å‡¦ç†ã®ä»•æ–¹ãŒè‰¯ã•ã’ã ã£ãŸã®ã§ä½¿ã£ã¦ã¿ãŸã‚‰ã°ã£ã¡ã‚Šã§ã—ãŸã€‚ .when()ã«ã¯å…ˆã«çµ‚ã‚ã‚‰ã›ãŸã„å‡¦ç†ã‚’æ›¸ã ã–ã£ãã‚Šã¨ã—ãŸèª¬æ˜Žã®ä»•æ–¹ã‚’ã™ã‚‹ã¨ã€.when()ã«ã¯å…ˆã«å®Œäº†ã•ã›ãŸã„å‡¦ç†ã‚’ã¾ã¨ã‚ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚ä¾‹ãˆã°ã€â€œæ¨ªã«ç§»å‹•ã—ãŸã‚‰ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹â€ã¿ãŸã„ãªäº‹ã‚’ã—ãŸã„å ´åˆã€â€œæ¨ªã«ç§»å‹•ã—ãŸã‚‰â€ã®éƒ¨åˆ†ã‚’.when()ã®ä¸ã«ã¯æ›¸ãã¾ã™ã€‚ ï¼ˆã¾ã‚ã€ãã‚“ãªç°¡å˜ãªå‹•
takun71 2014/06/03
jquery
ãƒªãƒ³ã‚¯
jQueryä¸è¦ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ã‚ã›ã¦è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -WOW.js | ã‚³ãƒªã‚¹
ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ã‚‚ãŸãã•ã‚“ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒï¼ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯Animate.cssã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã§ã€ã•ã¾ã–ã¾ãªã‚‚ã®ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ ã©ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒãŒã‚ã‚‹ã®ã‹ã€å®Ÿè£…æ–¹æ³•ãªã©ã€å½“ãƒ–ãƒã‚°ã§ä»¥å‰ç´¹ä»‹ã—ãŸè¨˜äº‹ã‚’ã”è¦§ãã ã•ã„ã€‚ classã‚’åŠ ãˆã‚‹ã ã‘ã§å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç°¡å˜ã«ä½¿ç”¨ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Animate.css WOW.jsã¯ãƒ‡ãƒ¢ä»¥å¤–ã«ã‚‚ã€ä»–ã®ã‚µã‚¤ãƒˆã§å®Ÿéš›ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã•ã¾ã–ã¾ãªä¾‹ãŒã‚ã‚Šã¾ã™ã€‚ ã©ã®ã‚µã‚¤ãƒˆã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¥½ã—ãã€ã¨ã¦ã‚‚å°è±¡çš„ã§ã™ã€‚ Stream Line Icons WOW.jsã®ã¤ã‹ã„ã‹ãŸ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã€Animate.cssã‚’headå†…ã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="css/libs/animate.css"> </
takun71 2014/02/12
css

javascript

jquery
ãƒªãƒ³ã‚¯
Javascriptã§æ‰±ãˆã‚‹ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚°ãƒ©ãƒ•ã®ã¾ã¨ã‚ - Qiita
##çµè«–:Highchart ccchart(canvasChart)ã¨æ‚©ã¿ã¾ã—ãŸãŒã€Highchartã‚’é¸ã‚“ã ç†ç”±ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ 1.å††ã‚°ãƒ©ãƒ•ã‚„æ£’ã‚°ãƒ©ãƒ•ã‚’çµ„ã¿åˆã‚ã›ãŸè¤‡åˆçš„ãªã‚°ãƒ©ãƒ•ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¼‰ã›ã¦ã„ã‚‹ 2.è¤‡åˆã‚°ãƒ©ãƒ•ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ã„ å•†ç”¨ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãªã®ã§ã€ç„¡æ–™ã«ã“ã ã‚ã‚‹æ–¹ã¯ã€ccchart(canvasChart)ãŒãŠã™ã™ã‚ã§ã™ã€‚ ##Highchart http://www.highcharts.com/ è¡¨ç¾åŠ›ã€å®Œæˆåº¦ã®ç‚¹ã§ã„ã¡ã°ã‚“ã ã¨æ€ã„ã¾ã™ã€‚å•†ç”¨ãªã®ã§ãŠé‡‘ã•ãˆã‚ã‚Œã°ã“ã‚ŒãŒã‚¤ãƒã‚ªã‚·ã€‚ ##ccchart(canvasChart) http://jsgt.org/c/ ç§ã®ã‚¤ãƒã‚ªã‚·ã¯ canvasChart ã§ã™ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ PUBLIC DOMAIN! ##raphael.js http://raphaeljs.com/ qiitaã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã®å††ã‚°ãƒ©ãƒ•ã§ä½¿
takun71 2013/09/18
ã‚°ãƒ©ãƒ•

webã‚µãƒ¼ãƒ“ã‚¹

javascript

jQuery
ãƒªãƒ³ã‚¯
jQuery.Deferredã‚’ä½¿ã£ã¦æ¥½ã—ã„éžåŒæœŸç”Ÿæ´»ã‚’é€ã‚‹æ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
takun71 2013/06/10
jquery

JavaScript

deferred
ãƒªãƒ³ã‚¯
LightBoxã¯ã“ã“ã¾ã§é€²åŒ–ã—ãŸã‚ˆã€ŒVisualLightBoxã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery Image Lightbox: Prime Time DEMO LightBoxã¯ã“ã“ã¾ã§é€²åŒ–ã—ãŸã‚ˆã€ŒVisualLightBoxã€ CSS3ç‰ã‚’ä½¿ã£ã¦ã‹ãªã‚Šã‚ªã‚·ãƒ£ãƒ¬ã«é€²åŒ–ã—ãŸLightBoxãŒå®Ÿè£…ã§ãã¾ã™ã€‚LightBoxã¯ã‚‚ã†ï¼˜å¹´ãã‚‰ã„ã¾ãˆã«ç™»å ´ã—ã¦ã€ä»Šã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’ã¿ã‚‹ã¨ãªã‚“ã‹å¤ã„æ„Ÿã˜ãŒã™ã‚‹ã¨ã„ã†ã“ã¨ã§æ™‚ã®æµã‚Œã‚’æ„Ÿã˜ã¾ã™ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚ªã‚·ãƒ£ãƒ¬ã«æ‹¡å¤§ã€‚ ãƒ†ãƒ¼ãƒžãŒå¤§é‡ã«ã‚ã£ã¦å¥½ã¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã³ãŸã„æ”¾é¡Œ Windowsã£ã½ã„ã‚¹ã‚ãƒ³ã€‚LightBoxãŒå‡ºãŸã®ã£ã¦ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚’ç¦æ¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãŒå¤šãå‡ºã¦ããŸã“ã¨ãŒèƒŒæ™¯ã«ã‚ã‚Šã¾ã™ãŒã€ãƒšãƒ¼ã‚¸å†…ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¦é¢ç™½ã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒ¯ã‚¤ãƒ—ã§ãã‚‹LightBoxå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSwipeboxã€ ä»Šã“ãçŸ¥ã£ã¦ãŠãLightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³20+
takun71 2013/04/22
jquery

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Pinteresté¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ã€ŒjQuery Masonryã€ã‚’è©¦ã—ã¦ã¿ãŸ
Pinterestã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€è¦ç´ ãŒæ•·ãè©°ã‚ã‚‰ã‚ŒãŸæ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ãªã‚“ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã®é€šç§°ã‹ã‚ã‹ã‚‰ãªã„ã®ã§ã€ã²ã¨ã¾ãšã€ŒPinteresté¢¨ã€ã¨è¨€ã£ã¦ã¾ã™ã€‚ ã“ã‚Œã‚’å®Ÿè£…ã—ã¦ãã‚Œã‚‹JavaScriptãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã²ã¨ã¤ãŒã€ŒjQuery Masonryã€ãªã®ã§ã™ãŒã€ã©ã†ã„ã†ã‚‚ã®ã‹ä½¿ã£ã¦è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ åŸºæœ¬çš„ã«ã¯å…¬å¼ã‚µã‚¤ãƒˆã«è¼‰ã£ã¦ã‚‹ã“ã¨ã‚’è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ãŸå†…å®¹ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ JSãªã©ã®å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã¯ä»¥ä¸‹ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ jQuery Masonry è¨ç½®ã®ä»•æ–¹ è¨ç½®ã‚‚ç‰¹ã«é›£ã—ã„ã“ã¨ã¯ãªãJavaScriptèªã¿è¾¼ã‚“ã§CSSã§èª¿æ•´ã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã‹ã‚‰ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆ JavaScriptã®è¨˜è¿°ä¾‹ <script type="text/javascript" src="https://ajax.google apis.com/ajax
takun71 2013/03/12
javascript

jquery

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQuery 1.7ã® on() off()ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
æ–°ã—ã„ãƒãƒ£ãƒªã‚’æ‰‹ã«å…¥ã‚ŒãŸã‚‰æ¯è»Šã‚„é‡‘å±žã®ãƒãƒ¼ã‚’çœºã‚ã¦ãƒ‹ãƒ¤ãƒ‹ãƒ¤ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸminamiã§ã™ã€‚ 11/3ã«jQueryã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.7ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚å¤§å°ã•ã¾ã–ã¾ãªæ©Ÿèƒ½è¿½åŠ ãŒã•ã‚Œã¾ã—ãŸãŒã€ãã®ä¸ã§ã‚‚ã‹ãªã‚Šå¤§ããªã€Œ.on()ã€ã€Œ.off()ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆAPIãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸãŒã€ä»Šã¾ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆAPIã¨ã©ã†é•ã†ã®ã‹ã„ã¾ã„ã¡ã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã€Œ.on()ã€ã€Œ.off()ã€ã®ä½¿ã„ã©ã“ã‚ jQueryã«ã¯ä»Šã¾ã§ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚‚ã€ã€Œ.bind()ã€ã€Œ.live()ã€ã€Œ.delegate()ã€ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆAPIãŒã‚ã‚Šã¾ã—ãŸã€‚ä»Šå›žè¿½åŠ ã•ã‚ŒãŸã€Œ.on()ã€ã€Œ.off()ã€ã¯ãã‚Œã‚‰3ã¤ã®æ©Ÿèƒ½ã‚’ã‚«ãƒãƒ¼ã—ãŸãƒ¡ã‚½ãƒƒãƒ‰ã«ãªã‚Šã¾ã™ã€‚ ã€Œ.bind()ã€ã€Œ.live()ã€ã€Œ.delegate()ã€ã«ã¤ã„ã¦ã¯ä»Šå¾Œã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€ã€Œ.on()ã€ã€Œ.off()ã€ã®ä½¿ç”¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ãã‚ˆã†ã§
takun71 2013/03/11
jquery

API
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ï¼ˆé›¢è„±ï¼‰ã™ã‚‹ã¨ãã«jQueryã§è¦å‘Šã‚’å‡ºã™æ–¹æ³•
Facebookãªã©ã§ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ä¸ã«ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ï¼ˆé›¢è„±ï¼‰ã—ã‚ˆã†ã¨ã™ã‚‹ã¨è¦å‘ŠãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã®ä»•çµ„ã¿ã‚’jQueryã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚jQueryã¯æŠ•ç¨¿æ™‚ç‚¹ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.9.1ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ï¼‘ï¼Žãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ã™ã‚‹ã¨ãã«è¦å‘Šã‚’å‡ºã™ ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ã™ã‚‹ã¨ãã«è¦å‘Šã‚’å‡ºã™ã«ã¯ã€onã‚¤ãƒ™ãƒ³ãƒˆã«beforeunloadã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return 'æŠ•ç¨¿ãŒå®Œäº†ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã®ã¾ã¾ç§»å‹•ã—ã¾ã™ã‹ï¼Ÿ'; }); }); </script> <form method="post" acti
takun71 2013/03/11
jquery

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡GIFã§ã‚‚HTML5ã§ã‚‚Flashå‹•ç”»ã§ã‚‚ãªã„å‹•ç”»ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒjsMovieã€:phpspoté–‹ç™ºæ—¥èªŒ
jsMovie - jquery plugin - for image - sequence animation - without flash html5 ã‚¢ãƒ‹ãƒ¡GIFã§ã‚‚HTML5ã§ã‚‚Flashå‹•ç”»ã§ã‚‚ãªã„å‹•ç”»ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒjsMovieã€ JSã§é€£ç•ªã®ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¦å†ç”Ÿã™ã‚‹æ–¹å¼ã®å‹•ç”»å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ å†ç”Ÿã€åœæ¢ã€ä¸€æ™‚åœæ¢ã€ãƒªãƒ”ãƒ¼ãƒˆç‰ã®ãƒœã‚¿ãƒ³ã‚‚ä»˜ã‘ã‚‰ã‚Œã€ã¾ã‚‹ã§å¾“æ¥ã®å‹•ç”»ã®ã‚ˆã†ã«ä½¿ãˆã¾ã™ãŒå®Ÿéš›ã¯ 001.jpg ã¨ã„ã£ãŸé€£ç•ªç”»åƒã€‚ è¤‡æ•°ã®ç”»åƒãŒã‚ã£ã¦ã€ã“ã‚Œã‚’å‹•ç”»ã®ã‚ˆã†ã«å†ç”Ÿã—ãŸã„ã€ã¨ã„ã†å ´åˆã«ä½¿ãˆãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª å‹•ç”»ã‚’èƒŒæ™¯ã«ã™ã‚‹ã¨ã“ã‚“ãªã«ã‚«ãƒƒã‚³ã„ã„ã€ã¨ã„ã†ãƒ‡ãƒ¢ã¨å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ å‹•ç”»ä»¥å¤–ã‚’æš—è»¢ã•ã›ã¦å‹•ç”»ã‚’è¦‹ã‚„ã™ãã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAllofthelights.jsã€ Youtubeå‹•ç”»ã¨Slideshareã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åŒæœŸã—ã¦å†ç”Ÿã§ãã‚‹ã€ŒPresen
takun71 2012/12/21
jquery
ãƒªãƒ³ã‚¯
Wookmark
é«˜ã•ã®ç•°ãªã‚‹è¦ç´ ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ã€ãƒ¬ãƒ³ã‚¬çŠ¶ã«éš™é–“ãªãä¸¦ã¹ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ åŒç¨®ã®æœ‰åã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒMasonryã€ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã—ã¾ã™ãŒã€ã“ã®Wookmarkã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ä¸¦ã¹ãªãŠã™ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢:å¹…800pxã§è¡¨ç¤º [ad#ad-2] Wookmarkã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ã„ãŸã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML ãƒ‡ãƒ¢ã‚’ä¾‹ã«HTMLã¯ãƒªã‚¹ãƒˆè¦ç´ ãªã©ã€ä¸¦åˆ—ã«é…ç½®ã—ã¾
takun71 2012/12/10
jquery

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Fancy Sliding Form with jQuery | Codrops
Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access â€“ it basically works like a slide show, just that we have fieldsets of a form instead of images. So letâ€™s start! Tiny break: ðŸ“¬ Want to stay up to date with frontend and trends in web design? Check out our Collective and stay in the
takun71 2012/11/20
jquery

javascript

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
jQuery Mobileã®ç´¹ä»‹ | Lab by [email protected]
ä»Šå›žã¯ã€jQuery Mobileã‚’ç”¨ã„ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚jQuery Mobileã‚’ç”¨ã„ã‚‹ã“ã¨ã§ã€éžå¸¸ã«ç°¡å˜ã«ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã¤webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ å¯¾è±¡èªè€… JavaScriptã§ã®é–‹ç™ºçµŒé¨“ãŒã‚ã‚‹æ–¹ jQueryã‚’ä½¿ç”¨ã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹ jQuery Mobile jQuery Mobileã¯ã€jQueryã‚’é–‹ç™ºã—ã¦ã„ã‚‹The jQuery Projectã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®JavaScript UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚iOSã‚„Androidã€Windows Phoneã€BlackBerryç‰ã®æ§˜ã€…ãªãƒ¢ãƒã‚¤ãƒ«ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ã¦ã„ã¦ã€OSã«ä¾å˜ã—ãªã„UIã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ jQuery Mobileã§ã¯ã€ç‹¬è‡ªã«å®šç¾©ã—ãŸHTML5ã®ã‚«ã‚¹ã‚¿ãƒ data-*å±žæ€§ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ãƒªã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
takun71 2012/11/01
jquery

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