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

crealive id:crealive

javascriptã¨jQueryã«é–¢ã™ã‚‹crealiveã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (145)

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

é›¨ç²’ãŒè½ã¡ã¦æ°´é¢ã«è¦‹ç«‹ã¦ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒæºã‚‰ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ŒRaindrops.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Raindrops.js é›¨ç²’ãŒè½ã¡ã¦æ°´é¢ã«è¦‹ç«‹ã¦ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒæºã‚‰ãã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ŒRaindrops.jsã€ åœ°å‘³ã§ã™ãŒã€ã‚ã£ã¨ã„ã†é©šãã®è¦ç´ ã¨ã—ã¦ã€å®Ÿè£…ã—ã¦ã¿ã‚‹ã¨ã‚ˆã•ãã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ ã“ã‚Œã‚’å…¥ã‚Œã‚‹ã ã‘ã§ã‚‚ã€ã‚µã‚¤ãƒˆã¨ã—ã¦ã®å°è±¡ãŒçµæ§‹å¤‰ã‚ã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒˆãƒ©ãƒ³ãƒãƒªãƒ³é¢¨ã«ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…ãƒ‡ãƒ¢ ç”»åƒã«é›¨ã®æ—¥ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‰ã‚Œã‚‹ã€Œrainyday.jsã€ JavaScriptã§ç”»åƒã«å¤šæ•°ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œglfx.jsã€ CSS3ç‰ã‚’ãƒ•ãƒ«ã«æ´»ç”¨ã—ã¦ãƒœã‚¿ãƒ³ã®ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã“ã‚Œã§ã‚‚ã‹ã¨ã„ã†ä½ã‚ã¤ã‚ãŸã‚µãƒ³ãƒ—ãƒ«é›†
crealive 2015/06/30
jquery

javascript
ãƒªãƒ³ã‚¯
[JS]æŒ‡å®šã—ãŸè¦ç´ å†…ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’æœ€é©ã«é…ç½®ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Wallpaper
å¹…480pxã§è¡¨ç¤º Wallpaperã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.bp.wallpaper.js"> Step 2: HTML HTMLã¯é€šå¸¸é€šã‚Šã§ã€èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹è¦ç´ ã¯æŒ‡å®šã§ãã‚‹ã‚ˆã†idãªã©ã‚’åŠ ãˆã¾ã™ã€‚ <header id="element"> ãƒ˜ãƒƒãƒ€ </header> è¤‡æ•°ç®‡æ‰€ã‚’é©ç”¨ã™ã‚‹æ™‚ã¯ã€classã®æ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’æŒ‡å®šã—ã€sourceã«ç”»åƒã‚’æŒ‡å®šã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ $("#element").w
crealive 2014/02/11
æŒ‡å®šã—ãŸè¦ç´ ã®ã¿ã«èƒŒæ™¯ç”»åƒã‚’å…¥ã‚Œã‚‰ã‚Œã‚‹ã£ã¦è¨€ã†ã¨ã“ã‚ãŒå‡„ã„ä½¿ãˆã‚‹ï¼ï¼

jQuery

javascript

background

fullscreen
ãƒªãƒ³ã‚¯
[JS]ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åŠ¹æžœçš„ã«ãƒŠãƒ“ã‚²ãƒ¼ãƒˆã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚
ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ä¸‰æœ¬ç·šã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¯ã˜ã‚ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã‹ã£ã“ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆç”¨ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€ã‚ãªãŸã®å¤§åˆ‡ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åŠ¹æžœçš„ã«ãƒŠãƒ“ã‚²ãƒ¼ãƒˆã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
crealive 2013/11/18
javascript

jquery

navigation
ãƒªãƒ³ã‚¯
[JS]ãƒªã‚¢ãƒ«ã•ãŒæƒ³åƒä»¥ä¸Šï¼ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’çª“ã«å–©ãˆã¦ã€é›¨ã‚’æ¥½ã—ã‚€ç™’ã‚„ã—ç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -rainyday.js
ã²ã¨æ˜”å‰ã«ã€å°ã•ã„ãƒ‰ãƒƒãƒˆã‚’ä¸Šã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è½ã¨ã—ã¦é›ªã¨ã‹æ¡œã¨ã‹ã‚ã‚Šã¾ã—ãŸãŒã€ã“ã‚Œã¯ãã‚Œã‚‰ã¨ã¯ç•°ãªã‚Šã€ã‹ãªã‚Šãƒªã‚¢ãƒ«ã«é›¨ã‚’å ªèƒ½ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¼ã£ãƒ¼ã¨è¦‹ã¦ã‚‹ã¨ã€éŸ³ã¾ã§èžã“ãˆã¦ããã†ã§ã™ã€‚ Demo 2 é›¨ã¯Canvasã‚’ä½¿ã£ã¦å†ç¾ã—ã¦ãŠã‚Šã€å®Ÿè£…ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <head> ... <script src="rainyday.js" type="text/javascript"></script> <script type="text/javascript"> function demo() { var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight); engine.gravity = engine.GRAVITY_NON_LINEAR; engine.t
crealive 2013/09/27
javascript

jQuery

canvas
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‚’æ°´å¹³ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã—ã¤ã¤ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjInvertScrollã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒšãƒ¼ã‚¸ã‚’æ°´å¹³ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã—ã¤ã¤ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjInvertScrollã€ 2013å¹´09æœˆ19æ—¥- jInvertScroll - A lightweight jQuery horizontal Parallax scrolling plugin ãƒšãƒ¼ã‚¸ã‚’æ°´å¹³ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã—ã¤ã¤ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjInvertScrollã€ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨ã„ã†ã¨æœ€è¿‘ã‚ˆãè¦‹ã¾ã™ãŒã€æ®†ã©ã¯ãŸã¦åž‹ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã™ã‚ˆãã€‚ æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã¾ãŸé•ã£ãŸå°è±¡ã‚’ä¸Žãˆã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§è¶…ç°¡å˜ã«å®Ÿè£…ãŒå¯èƒ½ã§ã™ æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«åž‹ã«ã™ã‚‹ã“ã¨ã§ï¼’Dã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ ã®ã‚ˆã†ãªWEBã‚µã‚¤ãƒˆã«ã—ã¦ã¿ã¦ã‚‚é¢ç™½ã„ã‹ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœä»˜ãã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCoolKittenã€ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…
crealive 2013/09/24
jquery

parallax

JavaScript
ãƒªãƒ³ã‚¯
[JS]Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ãª1ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -One Page Scroll
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼š3ç•ªç›®ã®ãƒ‘ãƒãƒ«ã‚’è¡¨ç¤º å„ãƒ‘ãƒãƒ«ã¸ã®ç›´ãƒªãƒ³ã‚¯ã‚„URLè¡¨ç¤ºã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ One Page Scrollã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML mainã¯ã‚³ãƒ³ãƒ†ãƒŠã§ã€å„ãƒ‘ãƒãƒ«ã¯se
crealive 2013/09/24
javascript

jquery

one_page

navigation
ãƒªãƒ³ã‚¯
[JS]ã‚·ãƒ³ãƒ—ãƒ«ãªãƒšãƒ¼ã‚¸å†…ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‹ã‚‰ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¾ã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Scrolld.js
Demo 3 ä¸€ç•ªç›®ã¯divã€äºŒç•ªç›®ã¯ãƒã‚³ã®ç”»åƒã€ä¸‹ã®æ–¹ã«ã¯è¡¨ç¤ºå¹…ã«åˆã‚ã›ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ Scrolld.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã‚ãŸã‚Šã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="../demo/js/scrolld.min.js"></script> Step 2: JavaScript ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒˆãƒªã‚¬ãƒ¼ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸‹ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript"> $("[id*='Btn']").stop(true).on('click',function(e){e.preventD
crealive 2013/09/23
javascript

jQuery

scroll

elevator_menu

navigation
ãƒªãƒ³ã‚¯
[JS]è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Minimit Gallery
1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸè¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ‰ãƒ©ãƒƒã‚°ã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ã‚¹ãƒ¯ã‚¤ãƒ—æ“ä½œã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹å˜ä½“ã§å‹•ä½œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Minim it Gallery Minim it Gallery -GitHub Minim it Galleryã®ãƒ‡ãƒ¢ Minim it Galleryã®ä½¿ã„æ–¹ Minim it Galleryã®ãƒ‡ãƒ¢ Minim it Galleryã¯ä¸€ã¤ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«å†…ã«é…ç½®ã—ãŸè¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒãƒƒã‚·ãƒ¥ãƒªãƒ³ã‚¯ã§ã®è¡¨ç¤ºã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯IE7+, Firefox 3.5+, Safari 3+, Opera 9+, Chrome, iPhone, iPad, Android, Windows Phoneãªã©ã§ã”è¦§ãã ã•ã„ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ãƒ‡ãƒ¢ã‚’è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ æ¬¡ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¸ã‚¹ãƒ©ã‚¤ãƒ‰ä¸ ä¸Šéƒ¨
crealive 2013/07/05
javascript

jQuery

slider
ãƒªãƒ³ã‚¯
[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
crealive 2013/06/11
ã“ã‚Œã¯ã‚µã‚¤ãƒˆã§ä½¿ãˆãã†ï¼

javascript

jQuery

scroll

navigation

elevator_menu
ãƒªãƒ³ã‚¯
JavaScriptå…¥é–€è¬›åº§
ä»Šæ—¥ã®å†…å®¹ JavaScriptã‚’å‹‰å¼·ã—å§‹ã‚ãã‚‰ã„ã®äººã‚’å¯¾è±¡ã«ã—ãŸJavaScriptå…¥é–€è¬›åº§çš„ãªã‚‚ã® æ–‡æ³•ã¨ã‹ã¯èª¿ã¹ã‚Œã°ã‚ã‹ã‚‹ã®ã§ãµã‚Œã¾ã›ã‚“ ä¸€äººã§å‹‰å¼·ã—ã¦ã‚‚ã‚ã‹ã‚‰ãªãã†ãªæ¦‚å¿µãªã©ã‚’é‡ç‚¹çš„ã«èª¬æ˜Žã—ã¾ã™ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ã§JavaScriptã£ã¦ã“ã‚“ãªæ„Ÿã˜ã¦ä½œã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†ã®ãŒã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°ã¨ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ JavaScriptã‚’å‹‰å¼·ã™ã‚‹å‰ã« JavaScriptã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part1 jQueryã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part2
crealive 2012/11/25
javascript

web

jquery

tutorial

programming
ãƒªãƒ³ã‚¯
[JS]å®Ÿè£…ã‚‚è¶…ã‚·ãƒ³ãƒ—ãƒ«ã€é«˜ã•ã‚„å¹…ãŒç•°ãªã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æƒãˆã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -equalize.js
ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®é«˜ã•ï¼ˆheightï¼‰ã€å¹…ï¼ˆwidthï¼‰ã ã‘ã§ãªãã€outerHeight, innerHeight, outerWidth, innerWidthã®ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ï¼šå¹… equalize.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/equalize.js" type="text/javascript"></script> Step 2: HTML HTMLã¯é©ç”¨ã™ã‚‹è¦ç´ ã‚’å†…åŒ…ã™ã‚‹ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’ç”¨æ„ã—ã¾ã™ã€‚ ä¸‹è¨˜ã¯ãƒ‡ãƒ¢ã®é«˜ã•ã‚’æƒãˆã‚‹æ–¹ã®HTMLã§ã™ã€‚ <div id="heigh
crealive 2012/09/12
jquery

javascript
ãƒªãƒ³ã‚¯
Google+1/Twitter/facebookã„ã„ã!/facebook Share/mixiãƒã‚§ãƒƒã‚¯/mixiã‚¤ã‚¤ãƒ!/GREEã„ã„ã/Evernote/ã¯ã¦ãƒ–ã®ãƒœã‚¿ãƒ³ã‚’è¶…ã‚«ãƒ³ã‚¿ãƒ³ã«ä½œã‚Œã‚‹ jQuery.socialbutton ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ãŸã‚ˆ
2011å¹´04æœˆ30æ—¥ 03:45 å¼•ãç¶šãv1.7.2ã‚’æ¤œè¨¼ã—ã¦ã„ãŸéš›ã€IE6ï½žIE8ã§ãƒ¡ãƒ¢ãƒªãŒã†ã¾ãé–‹æ”¾ã•ã‚Œãªã„ã‚±ãƒ¼ã‚¹ãŒã‚ã£ãŸãŸã‚ã€ å¯¾ç–ç‰ˆã¨ã—ã¦v1.7.3ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã—ã¾ã™ãŒã€æœ€æ–°ç‰ˆã¸ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ 2011å¹´04æœˆ30æ—¥ 00:15 jQuery.socialbuttonã®XSSè„†å¼±æ€§ã«ã¤ãã¾ã—ã¦ã€å¯¾å¿œç‰ˆã®v1.7.2ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ v1.7.2ä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€urlã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã›ãšã«ä»¥ä¸‹ã®ãƒœã‚¿ãƒ³ã‚’å‘¼ã³å‡ºã—ãŸéš›ã€ç„¡å®³åŒ–ã•ã‚Œã¦ã„ãªã„ document.URLã‚’å‚ç…§ã™ã‚‹ã“ã¨ãŒåŽŸå› ã§ã€XSSè„†å¼±æ€§ãŒç™ºç”Ÿã—ã¾ã™ã€‚ mixi ã„ã„ã facebook ã„ã„ã GREE ã„ã„ã æ–°ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ æ—§ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã—ã¾ã™ãŒã€æœ€æ–°ç‰ˆã¸ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ 2011å¹´04æœˆ29æ—¥ 02:40 ç¾åœ¨ã€jQuer
crealive 2012/07/02
jQuery

facebook

jquery

twitter

javascript

plugin

sns

sbm
ãƒªãƒ³ã‚¯
https://design-spice.com/2012/06/13/responsive-web-design-image/
crealive 2012/06/13
javascript

jquery

pc

responsive
ãƒªãƒ³ã‚¯
[CSS]æ°¸é ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ãŸããªã‚‹ã€æ°—æŒã¡ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ -CSS Scroll Effects
CSS Scroll Effects [ad#ad-2] ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯å…¨éƒ¨ã§9ç¨®é¡žã‚ã‚Šã€ã©ã‚Œã‚‚ã‹ã£ã“ã‚ˆãæ°—æŒã¡ã„ã„ã§ã™ã€‚ ãƒ‡ãƒ¢ã¯Firefox, Chrome, Safari ã§ã”è¦§ãã ã•ã„ã€‚
crealive 2012/04/16
css

scroll

jquery

CSS3

JavaScript
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚ æœ€è¿‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãã«ã„ã‚ã„ã‚ä»•æŽ›ã‘ã‚’ã™ã‚‹ã®ãŒæµè¡Œãªã‚ˆã†ã§ã™ã€‚ ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚ã‚‹è¦ç´ ã®ä½ç½®ã¨ã‹æœ€ä¸‹éƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ä½•ã‹è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´03æœˆ08æ—¥ æ›´æ–°æ—¥2019å¹´12æœˆ19æ—¥ ã¡ã‚‡ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦ã€Œãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’è¡¨ç¤ºã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã¯ä¸‹ã®æ–¹ã«ã“ã‚“ãªæ„Ÿã˜ã§é…ç½®ã—ã¾ã™ã€‚ html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedã«ã™ã‚‹ã¨å›ºå®šé…ç½®ã•ã‚Œã¾ã™ã€‚ css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
crealive 2012/03/09
javascript

jquery

scroll
ãƒªãƒ³ã‚¯
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚„ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€æ—¥æœ¬è£½ã®å›½ç”£jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
simplelib with jQuery / jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ slider... / å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ›¸...ä»–...å…¨7ä»¶
crealive 2012/01/17
jquery

javascript

plugin
ãƒªãƒ³ã‚¯
jQueryã§ã€ã¬ã‚‹ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã€‚ - WEBäºº
jQueryã§ã€ã¬ã‚‹ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã€‚ å…¬é–‹ï¼š2009å¹´11æœˆ 4æ—¥ 21:06, æ›´æ–°ï¼š2009å¹´11æœˆ 5æ—¥ 08:01 ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯(0)Â Â ã‚³ãƒ¡ãƒ³ãƒˆ(0)Â Â æœ€è¿‘ã®æµè¡Œã‚’æŠ‘ãˆãŸã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã¦æ°—ã«ãªã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã—ãŸã€‚ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ä¸‹ã¸ç§»å‹•ã™ã‚‹ã¨ã€å³ä¸‹ã«ã‚¹ãƒ¼ãƒƒã¨å‡ºç¾ã™ã‚‹ä¸Šå‘ãã®ãƒœã‚¿ãƒ³ã€‚ãƒãƒã£ã¨æŠ¼ã™ã¨ã€ã¬ã‚‹ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã£ã¦ãã‚Œã‚‹å„ªã‚Œã‚‚ã®ã§ã™ã€‚ ãƒ›ã‚¤ãƒ¼ãƒ«ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’ä½¿ã£ã¦æˆ»ã‚‹ã®ã¯ã€ç¸¦ã«é•·ã„ãƒšãƒ¼ã‚¸ã»ã©æ‰‹é–“ãŒã‹ã‹ã‚‹ã®ã§ã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®é‚ªé”ã«ãªã‚‰ãªã„ã®ã§ã‚ã‚Œã°æ˜¯éžå®Ÿè£…ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯åŠ‡çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãŒå‘ä¸Šã—ã¾ã™ã€‚ å¿…è¦ãƒ•ã‚¡ã‚¤ãƒ«ã®æº–å‚™ ã¾ãšã¯jQueryã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¾ã™ã€‚jQueryå…¬å¼ã‚µã‚¤ãƒˆã«ã€ŒProduction (19KB, Minified and Gzi
crealive 2011/11/19
jquery

javascript

elevator_menu

scroll
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã£ãŸã„ã‚ã„ã‚ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³224å€‹ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦æ‹¡å¤§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã£ãŸã‚Šã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šã€ã¨ã„ã†ã‚ˆã†ãªç”»åƒã‚’ä½¿ç”¨ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæ²¢å±±ã‚ã‚‹ã®ã¨ã€æŽ¢ã—ã¦ã‚‹æ–¹ãŒç›´ãã«è¦‹ã¤ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ã¨ã„ã†äº‹ã§ãƒªãƒ³ã‚¯é›†ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€é›†ã¾ã£ã¦ã„ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å…±é€šç‚¹ã¯ç”»åƒã‚’ä½¿ã£ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹ã ã‘ã§ã™ã€‚ä¸€è²«æ€§ç„¡ã„ã¨ã„ãˆã°ç„¡ã„ã§ã™ãŒã€å€‹äººçš„ã«ã‚‚å¿…è¦ã¨ã™ã‚‹äº‹ãŒå¤šã„ã®ã§è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã‚·ã‚§ã‚¢ã€‚ æ—¥æœ¬èªž English çµæ§‹ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã¯ã„ã„åŠ æ¸›ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã”äº†æ‰¿ä¸‹ã•ã„ã€‚ç”»åƒã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãƒ»ãƒ»ã¿ãŸã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¢ã§ç”»åƒã‚’ä½¿ã£ã¦ã‚‹ã€ç”»åƒã¨ç›¸æ€§ãŒè‰¯ã•ãã†ã€ã¿ãŸã„ãªã‚‚ã®ã¯åŸºæœ¬çš„ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚Œã°ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå‡ºã¾ã™ã€‚ Lightbox Lightboxé¢¨ã«ç”»åƒã‚’è¡¨ç¾ã§ãã‚‹jQueryã„ã‚ã„ã‚ Lightbox2 / ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒ—ã€‚
crealive 2011/10/21
javascript

jquery
ãƒªãƒ³ã‚¯
css-lecture.comÂ -Â css lecture ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
crealive 2011/10/21
javascript

jquery

css

js

slide show
ãƒªãƒ³ã‚¯
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTML ã¨ CSS ã ã‘ã§ã¯ã§ããªã„è¡¨ç¾ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ã‚ˆãä½¿ã†ã®ãŒ jQueryã€‚ä»Šå›žã¯ jQuery ã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„ ... ã£ã¦ã„ã†äººãŒã€jQuery ã«å°‘ã—ã§ã‚‚è¦ªã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ jQuery åˆå¿ƒè€…ã•ã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ã¨ã£ã¦ã‚‚å½“ãŸã‚Šå‰ãªã‚“ã§ã™ã‘ã©ã€Web ã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã« HTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ CSS ã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚æœ€è¿‘ã§ã¯ CSS3 ã®ç™»å ´ã§ã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ CSS ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ã¾ã ã¾ã CSS3 ã‚’ä½¿ãˆã‚‹éƒ¨åˆ†ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã—ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å°‘ã—å‹•ããªã©ã‚’ã¤ã‘ãŸã„æ™‚ãªã©ã¯ã€ã¾ã ã¾ã jQuery ã‚’æ´»ç”¨ã™ã‚‹äº‹ã‚‚å¤šã„ã§ã™ã€‚ ç§ã¯ Javascript ãŒè‹¦æ‰‹ã§ã€jQuery ã‚‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨è‹¦
crealive 2011/10/12
jquery

css

javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 æ¬¡ã®ãƒšãƒ¼ã‚¸