[B! *Effect] cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cyokodog id:cyokodog

*Effectã«é–¢ã™ã‚‹cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (124)

${{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.smoothswap.js
3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ 3ã¤ã‚ã®ãƒ‘ãƒãƒ«ã€‚ ä½¿ã„æ–¹ ã¾ãšå§‹ã‚ã«ã€ä¸Šéƒ¨ã® Download ãƒªãƒ³ã‚¯ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã€jQuery æœ¬ä½“ã¨ä¸€ç·’ã«èªã¿è¾¼ã‚“ã§ä¸‹ã•ã„ã€‚ â‰ªHTMLâ‰« å…¥ã‚Œæ›¿ãˆãŸã„å˜ä½ã‚’ãƒ‘ãƒãƒ«ã¨ã—ã¦ãƒ‘ãƒãƒ«ç”¨ã®ã‚¯ãƒ©ã‚¹ "smoothswap-panel" ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ãã®ãƒ‘ãƒãƒ«ã®ä¸ã§ã€ä¸Šã«å‹•ã‹ã™ãŸã‚ã®è¦ç´ ã®ã‚¯ãƒ©ã‚¹"smoothswap-up" ã¨ã€ä¸‹ã«å‹•ã‹ã™ãŸã‚ã®è¦ç´ ã®ã‚¯ãƒ©ã‚¹ "smoothswap-down" ã‚’æŒ‡å®šã—ã¾ã™ã€‚ <div id="smoothswap" style="width:400px;padding:10px;border: solid 1px #99f;background-color:#eef;"> <div class="smoothswa
cyokodog 2011/02/22
***jquery

**plugin

**plugin-demo

*Effect

_smoothswap
ãƒªãƒ³ã‚¯
JavaScript/jQuery_Cycle_Pluginã§ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚’ä½œã£ã¦ã„ããƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - ã‚¢ãƒ¼ã‚¯ã‚¦ã‚§ãƒ–ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºSandBox
ä»•æ§˜ã®æ¤œè¨Ž â€ ã¾ãšã¯ã€ã©ã®ã‚ˆã†ãªãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«ã™ã‚‹ã‹ã‚’æ¤œè¨Žã—ã¾ã—ã‚‡ã†ã€‚ +-------------+-------------+-------------+ |ã€€ã€€ã€€ã€€ã€€ã€€ |ã€€ã€€ã€€ã€€ã€€ã€€ |ã€€ã€€ã€€ã€€ã€€ã€€ | |ã€€ã€€ç”»åƒã€€ã€€ |ã€€ã€€ç”»åƒã€€ã€€ |ã€€ã€€ç”»åƒã€€ã€€ | |ã€€ã€€ã€€ã€€ã€€ã€€ |ã€€ã€€ã€€ã€€ã€€ã€€ |ã€€ã€€ã€€ã€€ã€€ã€€ | |ã€€ã€€ã€€ã€€ã€€ã€€ |ã€€ã€€ã€€ã€€ã€€ã€€ |ã€€ã€€ã€€ã€€ã€€ã€€ | +-------------+-------------+-------------+ [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ] [ || ] ç”»åƒ3æžšãŒ 1ã‚»ãƒƒãƒˆã§ã€ 5ã‚»ãƒƒãƒˆåˆ†ç”¨æ„ã—ã€ 5ã‚»ãƒƒãƒˆã‚’ãƒ«ãƒ¼ãƒ—ã§è¡¨ç¤ºã™ã‚‹ã€‚ 1ã‚»ãƒƒãƒˆæ¯Žãƒã‚§ãƒ³ã‚¸ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ Cycle Plugin ã§å®Ÿè£…ã™ã‚‹ã€‚ 5ç§’ã§è‡ªå‹•çš„ã«ãƒ«ãƒ¼ãƒ—ã™ã‚‹ã€‚ [ || ]ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰è‡ªå‹•ãƒ«ãƒ¼ãƒ—ã‚’åœæ¢ã™ã‚‹ã€‚ã¾ãŸã€[ ï¼ž ]ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’å¤‰æ›´ã™
cyokodog 2011/02/22
***jquery

**plugin-ref

*Effect

_Cycle Plugin
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
cyokodog 2011/02/04
***jquery

**plugin-ref

*Effect

_Circulate
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ãŸã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚²ãƒ¼ãƒ çš„ãªã‚‚ã® - connvoiã®ãƒ–ãƒã‚°
ã¡ã‚‡ã£ã¨ã€ã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã¿ãŸã„ãªã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸã‹ã£ãŸã®ã§ã€ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ http://connvoi.com/typing/ Typing Game with jquery åŸºæœ¬ã®ãƒã‚¸ãƒƒã‚¯ã¯ã“ã®ãƒªãƒ³ã‚¯ã§ã™ã€‚ ã‚ã¨ã¯å‰ã‹ã‚‰ä½¿ã£ã¦ã¿ãŸãã¦ã€ãƒ–ã‚¯ãƒžã—ã¦ã„ãŸpluginã‚’ä½•å€‹ã‹ä½¿ã„ã¾ã—ãŸã€‚ Text Change Event jQuery Text Events | Playground from ZURB æ–‡å—ã®å…¥åŠ›éƒ¨åˆ†ã‚’ã†ã¾ã„ã“ã¨ã‚„ã£ã¦ãã‚Œã‚‹æ„Ÿã˜ã®ã‚‚ã®ã§ã™ã€‚ $('#any').bind('textchange',function(event) { var sublen=$(this).val().length; var subv=$(this).val().substr(0,sublen); var subq=question.substr(0,sublen); if(subq!=s
cyokodog 2011/02/04
***jquery

**plugin-ref

*Effect

_Circulate
ãƒªãƒ³ã‚¯
jQuery Circulate
Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.google apis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu
cyokodog 2011/02/04
***jquery

**plugin

**plugin-demo

*Effect

_Circulate
ãƒªãƒ³ã‚¯
jQuery Cycle Plugin | Webã‚µã‚¤ãƒˆåˆ¶ä½œæ”¯æ´ | ShanaBrian Website
jQuery Cycle Pluginã®ä½¿ç”¨æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Cycle Pluginã¯æ§˜ã€…ãªåŠ¹æžœã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆ â€» ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€jQueryãŒåˆ¥é€”å¿…è¦ã§ã™ã€‚ ç›®æ¬¡ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨è¨ç½® JavaScriptã®èªã¿è¾¼ã¿ é©ç”¨æ–¹æ³• ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®è¨å®š ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã®è¨ç½®æ–¹æ³• ã‚ªãƒ—ã‚·ãƒ§ãƒ³ åŠ¹æžœä¸€è¦§ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨è¨ç½® ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸJavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»»æ„ã®å ´æ‰€ã«è¨ç½®ã—ã¾ã™ã€‚ JavaScriptã®èªã¿è¾¼ã¿ ä»»æ„ã®å ´æ‰€ã«è¨ç½®ã—ãŸjQueryã¨jQuery Cycle Pluginã®JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ ãƒ‘ã‚¹ã¯ç’°å¢ƒã«å¿œã˜ã¦å¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ HTML <script src="js/jquery.min.js" type="text/javasc
cyokodog 2010/12/27
***jquery

**plugin-ref

*Effect

_Cycle Plugin
ãƒªãƒ³ã‚¯
æ™®é€šã®ã‚µã‚¤ãƒˆã‚’ä¸€çž¬ã§ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹é¢¨ã«ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Matrixã€:phpspoté–‹ç™ºæ—¥èªŒ
jQuery Matrix | Romanovian æ™®é€šã®ã‚µã‚¤ãƒˆã‚’ä¸€çž¬ã§ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹é¢¨ã«ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Matrixã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ä¸€è¦‹ä½•ã®å¤‰å“²ã‚‚ãªã„æ™®é€šã®ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ãŒã€.matrix() ãƒ¡ã‚½ãƒƒãƒ‰ã§çž¬æ™‚ã«ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹åŒ–ã•ã‚Œã¾ã™ã€‚ ä»¥ä¸‹ãŒãã®çµæžœã€‚ ãªã‚“ã ã€æ–‡å—ã¨è‰²ã‹ãˆãŸã ã‘ã˜ã‚ƒã‚“ã€ã¨æ€ã‚ã‚ŒãŸæ–¹ã‚‚å¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€åˆ¥ã®ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ã¨ç”»åƒã‚’ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹åŒ–ã—ã¦ã‚‹ãƒ‡ãƒ¢ãŒãƒ»ãƒ»ãƒ»ã€‚ãªã‚“ã¨ã‚¢ã‚¹ã‚ãƒ¼ã‚¢ãƒ¼ãƒˆã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãªã®ã§é¸æŠžã‚‚å‡ºæ¥ã¾ã™ã€‚ ã‚¢ã‚¹ã‚ãƒ¼ã‚¢ãƒ¼ãƒˆã¨ã—ã¦ä½¿ã†æ–‡å—ã¯è‡ªåˆ†ã§é…åˆ—ã§æŒ‡å®šã§ãã‚‹ã®ã§ã™ãŒã€æ¬¡ã®ã‚ˆã†ã«ï¼‘æ–‡å—ã§è¡¨ç¾ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãªã‚“ã‹æœ€å¾Œã¯ã‚ã¾ã‚Šãƒžãƒˆãƒªãƒƒã‚¯ã‚¹é–¢ä¿‚ãªããªã£ã¦ã—ã¾ã„ã¾ã—ãŸãã€‚ å˜ç´”ã«ã€å†™çœŸã¸ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã—ã¦ã‹ã‘ã¦ã¿ã‚‹ã ã‘ã§ã‚‚é¢ç™½ã„åŠ¹æžœãŒå¾—ã‚‰ã‚Œãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¦ãƒ¼ã‚¶ç™»éŒ²æ™‚ã«ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰å¼·åº¦è¡¨ç¤ºã‚’å…¥ã‚Œã¦ã¨è¨€ã‚ã‚ŒãŸå ´åˆ
cyokodog 2010/12/24
***jquery

**plugin-ref

*Effect

_Matrix
ãƒªãƒ³ã‚¯
http://romanovian.com/blog/jquery-matrix/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
cyokodog 2010/12/24
***jquery

**plugin

**plugin-demo

*Effect

_Matrix
ãƒªãƒ³ã‚¯
å›žè»¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºè¦ç´ ã‚’å±•é–‹ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMobilyBlocksã€ï½œBLACKFLAG
ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã«è¿‘ã„è¦é ˜ã§ éš ã‚Œã¦ã„ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¦ç´ ã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ä»˜ãã®å›žè»¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ å±•é–‹ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMobilyBlocksã€ã®å‹•ããŒãŠã‚‚ã—ã‚ã‹ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ â‰«mobily.pl â€“ playground â€“ MobilyBlocks DEMOå‹•ä½œã¯ä¸‹è¨˜ã‹ã‚‰ã€‚ ï¼ˆãã‚Œãžã‚Œï¼’ã¤ã®ä¸¸ã„ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ï¼‰ ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ä¸‹å±¤ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¦ç´ ãŒ å›žè»¢ã—ãªãŒã‚‰ç¾ã‚Œã¾ã™ã€‚ ä½•æ°—ãªã„å‹•ãã§ã™ãŒä½•ã‹æ°—æŒã¡ãŒã„ã„å‹•ãã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ çµ„ã¿è¾¼ã¿ã‚‚ã•ã»ã©é›£ã—ãã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã¨ ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ï¼ˆã‚µãƒ³ãƒ—ãƒ«ï¼‰ã«ã¦å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ â—†SCRIPT $('.blocks').mobilyblocks({ animateTime: 500, // duration of animation zIndex: 50, // z-ind
cyokodog 2010/12/17
***jquery

**plugin-ref

*Effect

_MobilyBlocks
ãƒªãƒ³ã‚¯
mobily.pl - playground - MobilyBlocks Demo
$('.nature').mobilyblocks({ animateTime: 500, zIndex: 50, widthMultiplier: 1.15 });
cyokodog 2010/12/17
***jquery

**plugin-demo

*Effect

_MobilyBlocks
ãƒªãƒ³ã‚¯
mobily.pl - playground - MobilyBlocks
MobilyNotes MobilyNotes is lightweight (2KB) jQuery plugin that shows your html content in interesting way. More Â» MobilyBlocks jQuery plugin (2KB) that allows you to create an unordered list as an animated circle. More Â» MobilyMap Lightweight, fully configurable jQuery plugin that converts an simple image into a functional map. More Â»
cyokodog 2010/12/17
***jquery

**plugin

*Effect

_MobilyBlocks
ãƒªãƒ³ã‚¯
å†¬ãªã®ã§ãƒšãƒ¼ã‚¸å†…ã«é›ªã‚’é™ã‚‰ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSnowfallã€:phpspoté–‹ç™ºæ—¥èªŒ
Jquery Snowfall Plugin 1.4 | Somethinghitme å†¬ãªã®ã§ãƒšãƒ¼ã‚¸å†…ã«é›ªã‚’é™ã‚‰ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSnowfallã€ã€‚ Web1.0æ™‚ä»£ã«JavaScriptã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã‚ˆãã‚ã£ãŸã‚‚ã®ã‚’jQueryã§å®Ÿè£…ã—ãŸã‚‚ã®ã€‚ å‹•ãç‰ãŒãªã‹ãªã‹ãƒªã‚¢ãƒ«ãªã®ã§ä¸€åº¦è¦‹ã¦ã¿ã¦ã‚‚ã‚ˆã„ã‹ã‚‚ã€‚ å®Ÿè£…ã‚‚ $(document).snowfall() ã¨ã™ã‚‹ã ã‘ãªã®ã§ã€ç°¡å˜ã€‚ é¢ç™½ã„ã®ãŒã€ãƒšãƒ¼ã‚¸å…¨ã¦ã§ãªãã€$(element).snowfall() ã¨ã™ã‚‹ã¨ã€ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆå†…ã ã‘ã«é™ã‚‰ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ç‚¹ã€‚ ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ–ãƒãƒƒã‚¯å†…ã ã‘æ¿€ã—ãé™ã‚‰ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª jQueryã‚’ä½¿ã£ãŸæ˜ ã‚Šè¾¼ã¿ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ Appleã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®èª¬æ˜Žé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…jQueryã‚µãƒ³ãƒ—ãƒ«ã€‚ å†™çœŸæ’®å½±ã£ã½ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘ã‚‰ã‚Œã‚‹jQuery
cyokodog 2010/12/14
***jquery

**plugin-ref

*Effect

_Snowfall
ãƒªãƒ³ã‚¯
Jquery Snowfall Plugin 1.4 - Somethinghitme
Thursday, Dec 9, 2010 Newer version available Added a few new things, you can now make flakes rounded (Thanks Luke), and give them shadows (for lighter colored pages) - thanks for the idea Yutt. Also I fixed some bugs that cause horizontal bar flickering (I hope). Download Jquery Snowfall 1.4 Invoking the snow $(document).snowfall(); $('#elementid').snowfall({flakeCount : 100, maxSpeed : 10}); $('
cyokodog 2010/12/14
***jquery

**plugin

**plugin-demo

*Effect

_Snowfall
ãƒªãƒ³ã‚¯
flipElementã‚µãƒ³ãƒ—ãƒ«
- 1 user
- 5509.me
- å¦ã³
cyokodog 2010/12/09
***jquery

**plugin-demo

*Effect

_m5fipElement
ãƒªãƒ³ã‚¯
ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼æ™‚ã«ãƒœãƒƒã‚¯ã‚¹ã‚’ãã‚‹ã£ã¨ã²ã£ãã‚Šè¿”ã™ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ä¸èº«ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ m5flipElement :: 5509
ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼æ™‚ã«ãƒœãƒƒã‚¯ã‚¹ã‚’ãã‚‹ã£ã¨ã²ã£ãã‚Šè¿”ã™ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ä¸èº«ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ m5flipElement ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸã¨ãã«ãã‚‹ã£ã¨ã²ã£ãã‚Šè¿”ã™ï¼ˆã‚ˆã†ãªï¼‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ç›®ã‚’ã²ã‘ã‚‹ã‹ã‚‚ã—ã‚Œãªã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ã¡ã‚‡ã£ã¨ä»Šæ—¥ã¯ãƒ»ãƒ»ãƒ»è‡ªä¿¡ãªã„ã§ã™ï½—ã·ã‚‹ãŽã‚“ã®ãã›ã«ä½¿ã„æ–¹ãŒã‚„ã‚„ã“ã—ããªã£ã¦ã—ã¾ã£ãŸã‚“ã§ã™ã‘ã©åçœã¯ã—ã¦ã¾ã›ã‚“ã€‚æœ€ä½Žé™å¿…è¦ã‚„ã£ãŸã‚“ã‚„ã§ãƒ»ãƒ»ãƒ» å‹•ä½œã‚µãƒ³ãƒ—ãƒ« å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ jQueryã¨m5flipElement.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ ä»»æ„ã®è¦ç´ ã«å¯¾ã—ã¦å®Ÿè¡Œã™ã‚‹ å…ƒã®HTMLã¨CSSã®æ›¸ãæ–¹ãªã©ã«åˆ¶ç´„ãŒå¤šã„ã¨ã“ã‚ãŒã‚„ã‚„ã“ã—ã„ã®ã§ã€ãã‚Œãžã‚Œãƒã‚¤ãƒ³ãƒˆã‚’æ›¸ã„ã¦ã¾ã™ã€‚ HTML è¦ç´ ã®ä¸èº«ã¯ãªã‚“ã§ã‚‚ã‚ˆãã¦ä»¥ä¸‹ã®2ã¤ã‚’å«ã‚“ã§ã„ã‚‹ã¨ã‚ˆã•ã’ class: flipDefault ã¯åˆæœŸè¡¨ç¤ºè¦ç´ class: flipHide ã¯ãƒ•ãƒªãƒƒãƒ—å¾Œã«è¡¨ç¤ºã•ã‚Œã‚‹è¦
cyokodog 2010/12/09
[[~5509]

***jquery

**plugin

**plugin-ref

*Effect

_m5fipElement

jp
ãƒªãƒ³ã‚¯
http://sandbox.1md.be/jquery.appleEffect/demo.html
cyokodog 2010/12/07
***jquery

**plugin-demo

*Effect

_Apple Effect
ãƒªãƒ³ã‚¯
æœ€åˆã«å¿…è¦ãªã‚‚ã®ã ã‘åŠ¹æžœçš„ã«è¦‹ã›ã‚‹Appleã‚µã‚¤ãƒˆé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒApple Effectã€:phpspoté–‹ç™ºæ—¥èªŒ
æœ€åˆã«å¿…è¦ãªã‚‚ã®ã ã‘åŠ¹æžœçš„ã«è¦‹ã›ã‚‹Appleã‚µã‚¤ãƒˆé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒApple Effectã€ 2010å¹´12æœˆ06æ—¥- jQuery Apple Effect æœ€åˆã«å¿…è¦ãªã‚‚ã®ã ã‘åŠ¹æžœçš„ã«è¦‹ã›ã‚‹Appleã‚µã‚¤ãƒˆé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒApple Effectã€ã€‚ æœ€è¿‘Appleã®ã‚µã‚¤ãƒˆã‚’è¦‹ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãªã‚‰åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æœ€åˆã«1æžšã®ç”»åƒã‚’è¡¨ç¤ºã—ã¦ãŠã„ã¦ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚“ã‹ã¯å°‘ã—å¾…ãŸã›ã¦ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã‚«ãƒƒã‚³ã„ã„åŠ¹æžœã‚’ä½œã‚Œã¾ã™ã€‚ æœ€åˆã«1æžšã®ç”»åƒã‚’è¡¨ç¤º ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ãªãŒã‚‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã§å‹•ãã‚’ç¢ºèª å®Ÿè£…ã¯1è¡Œã€‚ $('#target').appleEffect(); ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’æ¸¡ã™ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–‹å§‹ã¾ã§ã®æ™‚é–“ã‚’è¨å®šã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’æŒ‡å®šã§ããŸã‚Šã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã‚ã‚“ã©ãã•ãã†ãªã“ã®æ©Ÿ
cyokodog 2010/12/07
***jquery

**plugin-ref

*Effect

_Apple Effect
ãƒªãƒ³ã‚¯
jQuery Apple Effect
jQuery plugin intended to reproduce the special effect we have seen recently on Apple.com (new MacBook Air, The Beatles on iTunes, etc.) If you don't know what I'm talking about, have a look at the video below. Documentation Quick start This plugin is very easy to use. Just target the element you want to highlight: $('#target').appleEffect(); Options Custom the behavior with these options: color:
cyokodog 2010/12/07
***jquery

**plugin

*Effect

_Apple Effect
ãƒªãƒ³ã‚¯
jQuery Background Position
A jQuery plugin that allows the position of a background image to be animated. The current version is 1.1.1 and is available under the MIT licence. For more detail see the documentation reference page. Download now Basics Positions Options In the Wild Quick Ref You can animate the position of a background image as either 'backgroundPosition' or 'background-position', providing both the horizontal
cyokodog 2010/11/25
***jquery

**plugin

**plugin-demo

*Effect

_Background Position
ãƒªãƒ³ã‚¯
ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®èƒŒæ™¯ã ã‘ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦æ³¨æ„ã‚’ã²ã‘ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®èƒŒæ™¯ã ã‘ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦æ³¨æ„ã‚’ã²ã‘ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒã‚ã£ã¦ã€èƒŒæ™¯ã ã‘ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã¨ã„ã†åŠ¹æžœã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ è¦ç´ ä¸ã®ãƒ†ã‚ã‚¹ãƒˆã¯å‹•ã‹ãªã„ã®ã§ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®èƒŒæ™¯ã‚’ãƒ‘ãƒƒã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã®ã‚‚é¢ç™½ã„åŠ¹æžœãŒå¾—ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ã¡ã‚‡ã£ã¨åˆ†ã‹ã‚Šã¥ã‚‰ã„ã¨æ€ã†ã®ã§ãƒ‡ãƒ¢ã‚’è¦‹ã¦ãã ã•ã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä¼¸ç¸®ã™ã‚‹å…¨ç”»é¢èƒŒæ™¯ã‚’è¨å®šã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSupersizedã€ ãƒ–ãƒãƒƒã‚¯å†…ã®èƒŒæ™¯ç”»åƒã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹jQueryã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ èƒŒæ™¯ç”»åƒã‚’ã‚¯ãƒ¼ãƒ«ã«ã‹ãˆã¤ã¤ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã†jQueryã§ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ä¾‹
cyokodog 2010/11/25
***jquery

**plugin-ref

*Effect

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