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

VERSATRAN id:VERSATRAN

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

${{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ã§èƒŒæ™¯ç”»åƒã‚’å‹•ã‹ã™ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœ
JQueryã§èƒŒæ™¯ç”»åƒã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€webOpixelã•ã‚“ã®è¨˜äº‹ã€ŒjQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã€ãŒä¸€ç•ªåˆ†ã‹ã‚Šã‚„ã™ãå‹‰å¼·ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã‚’å…ƒã«å°‘ã—ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œæˆã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¯webOpixelã•ã‚“ã®è¨˜äº‹ã€ŒjQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã€ã¨ã‚¢ãƒ¡ãƒ–ãƒã§ä½¿ç”¨ã—ã¦ã‚ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§èƒŒæ™¯ç”»åƒã‚’åˆ¥ã€…ã«å‹•ã‹ã™ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ—ãƒ©ã‚¹ã—ã¦ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œæˆã—ã¦ã‚ã‚Šã¾ã™ã€‚ ãã‚Œã§ã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ é›²ã®èƒŒæ™¯ç”»åƒã‚’ãƒ«ãƒ¼ãƒ—ã•ã›ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ é›²ã®èƒŒæ™¯ç”»åƒã‚’ãƒ«ãƒ¼ãƒ—ã•ã›ã€ã¾ã‚‹ã§é›²ãŒå‹•ã„ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã‚‚ãŸã‚‰ã—ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ htmlã‚³ãƒ¼ãƒ‰ <div class="skinBody"> ã“ã®ä¸ãŒè¨˜äº‹ãªã©ã®
VERSATRAN 2013/09/09
**CLIPS

jQuery
ãƒªãƒ³ã‚¯
maximage2ã‚’IEã§ä½¿ç”¨ã™ã‚‹ã¨ä¸€éƒ¨ã®ç”»åƒãŒæ£å¸¸ã«èªã¿è¾¼ã‚“ã§ãã‚Œãªã„ãƒã‚° | é›¶ã®ãƒ¡ãƒ¢å¼µ
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
VERSATRAN 2013/08/30
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
home
data-property is an attribute of the TAG where you can pass the options of the player as an Object. Any of the below parameters can also be passed as option within the initialize function. The one defined as attribute of the TAG wins. mute: true (boolean) mute the audio; showControls: true (boolean) show or hide the player controls; useOnMobile: true (boolean) Define if the player should render on
VERSATRAN 2013/08/29
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
VERSATRAN 2013/08/22
**CLIPS

*Tips

*ã¾ã¨ã‚

jQuery
ãƒªãƒ³ã‚¯
history.pushState DEMO
history.pushState DEMO ãƒšãƒ¼ã‚¸1 ãƒšãƒ¼ã‚¸1 ãƒšãƒ¼ã‚¸2 ãƒšãƒ¼ã‚¸3
VERSATRAN 2013/07/23
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
finefinefine.jp
This domain may be for sale!
VERSATRAN 2013/07/23
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§ã‚¹ãƒ ãƒ¼ã‚ºã«jQuery.animte()ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ : jQuery ã‚µãƒ³ãƒ—ãƒ«
ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ $('#s1 div.box') .hover(function()Â { $(this).animate({ opacity:Â .5 },Â { duration:Â 200 }) },Â function()Â { $(this).animate({ opacity:Â 1 },Â { duration:Â 200 }) });
VERSATRAN 2013/07/22
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
videoã‚¿ã‚°ã®ç°¡å˜ãªä½¿ã„æ–¹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
VERSATRAN 2013/07/18
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
jQueryã§ãƒªã‚µã‚¤ã‚ºã—ã¦ã‚‚ç”»é¢ã®ä¸å¤®ã«è¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ | Typhooon
ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®å¤§ãã•ãŒå¤‰æ›´ã•ã‚Œã‚‹ãŸã³ã«ç™ºç”Ÿã™ã‚‹ resize ã‚¤ãƒ™ãƒ³ãƒˆã‚’åˆ©ç”¨ã—ã¦ã€‚ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¦ã‚‚è¦ç´ ãŒç”»é¢ã®ä¸å¤®ã«å†é…ç½®ã•ã‚Œã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ›¸å¼ã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ [javascript] $(window).resize(function(){ // }); [/javascript] ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ã£ã¦ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒãƒªã‚µã‚¤ã‚ºã•ã‚Œã‚‹ãŸã³ã«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®å¹…ã¨é«˜ã•ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ [javascript] $(window).resize(function(){ var wh = $(window).height(); var ww = $(window).width(); $(â€œ#resultâ€).text( â€œwidth : â€ + ww + â€ / height : â€ + wh ); }); [/javascript] ã“ã“ã¾ã§ã§ãã‚Œã°ã‚‚ã†ç°¡å˜ã§ã™ã€‚ã‚¦
VERSATRAN 2013/07/18
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
Loading...
VERSATRAN 2013/07/18
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
history.pushStateã§ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ›¸ã„ãŸ - Webtech Walker
history.pushStateã§ã®ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã‚„ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦jquery.smarthistory.jsã¨ã„ã†ã®ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ jquery.smarthistory.js history.pushStateã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯history.pushStateã‚’ä½¿ã£ã¦ã€ã‚µãƒãƒ¼ãƒˆã—ã¦ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ä½•ã‚‚ã—ã¾ã›ã‚“ï¼ˆæ™®é€šã«é·ç§»ã™ã‚‹ï¼‰ã€‚ä»Šã ã¨chromeã€safariã€iOSã€Firefox4ã§å‹•ãã¨æ€ã„ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ä½¿ã„ã¾ã™ã€‚ $('a').smarthistory({ defaultData: $('html').html(), target: function() { return $(this).attr('href') }, before: function() { // ajaxå‰ã®å‡¦ç† }, change: function
VERSATRAN 2013/07/17
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
ä¸€è¡Œã®è¨˜è¿°ã§å…¨ã¦ã®å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã‚’åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼ˆtarget=â€_blankâ€ï¼‰ã§é–‹ãæ–¹æ³• | D-31N.COMãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¸ã‚ª
å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã¯ã€æ–°ã—ã„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼ˆtarget=â€_blankâ€ï¼‰ã§é–‹ãã»ã†ãŒé›¢è„±çŽ‡ç‰ã‚’è€ƒãˆã‚‹ã¨è‰¯ã„ã§ã™ãã€‚ ãã‚Œä»¥å¤–ã«ã‚³ãƒ¡ãƒ³ãƒˆã«å…¥åŠ›ã•ã‚ŒãŸå¤–éƒ¨ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæˆ»ã£ã¦ã“ãªããªã‚‹å ´åˆã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ target=â€_blanâ€ã®ã‚¿ã‚°ã¯éžæŽ¨å¥¨ã¨ã‹ãã†ã§ã‚‚ãªã„ã¨ã‹è°è«–ãŒåˆ†ã‹ã‚Œã¾ã™ãŒã€å¤šå°‘ã®ãƒžã‚¤ãƒŠã‚¹ã ã£ãŸã¨ã—ã¦ã‚‚ã€å¤–éƒ¨ãƒªãƒ³ã‚¯ã¯åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ããƒ¡ãƒªãƒƒãƒˆã¯è‰²ã€…ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã‚¿ã‚¤ãƒˆãƒ«ã§ä¸€è¡Œã®è¨˜è¿°ã§ï½žï½žã¨ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã¯ä¸€è¡Œã§ãªã„ã®ã§ã”äº†æ‰¿ãã ã•ã„ã€‚ ã‚„ã‚Šã‹ãŸã¯ä¸‹è¨˜ã®è¨˜è¿°ã‚’headå†…ã«å…¥ã‚Œã‚‹ã ã‘ã§ã™ã€‚jqueryã‚’ä½¿ç”¨ã—ã¾ã™ã®ã§ã€jqueryã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã‚µã‚¤ãƒˆã¯ã€åˆ¥é€”jqueryã‚’å‘¼ã³å‡ºã™ã‚¿ã‚°ã‚’å…¥ã‚Œã¦ãã ã•ã„ã€‚ ã“ã‚Œã§ã€è¨˜äº‹ä¸ã‚„ã‚³ãƒ¡ãƒ³ãƒˆå†…ã®å¤–éƒ¨ãƒªãƒ³ã‚¯ãŒå…¨ã¦æ–°ã—ã„ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <script type="text/javascript"> $(
VERSATRAN 2013/07/11
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã‚’ç”¨ã„ãŸæ°—æŒã¡è‰¯ã„ãƒšãƒ¼ã‚¸å¤‰é·ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•
ã‚®ãƒ£ãƒªãƒ¼ã‚µã‚¤ãƒˆã§è¦‹ã¤ã‘ãŸåå¤å±‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾ã•ã¾ã®Webã‚µã‚¤ãƒˆã€‚ éžçŸ¥ on éžçŸ¥ï¼»ã‚¯ãƒ©ãƒƒãƒ ã‚ªãƒ³ ã‚¯ãƒ©ãƒƒãƒï¼½ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚¯ãƒªãƒ¼ãƒ³ã§è‰¯ã„æ„Ÿã˜ãªã®ã§ã™ãŒã€ç‰¹ã«è‰¯ã„ã¨æ€ã£ãŸã®ãŒãƒšãƒ¼ã‚¸å¤‰é·ã®ã¨ãã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒãŒè¡¨ç¤ºã€ãã—ã¦ãƒªãƒ³ã‚¯å…ˆã®ãƒšãƒ¼ã‚¸ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦ãã¾ã™ã€‚ã“ã‚ŒãŒã¨ã¦ã‚‚æ°—æŒã¡è‰¯ã„ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã“ã®ãƒ–ãƒã‚°ã«ã‚‚è»½ãå®Ÿè£…ã—ã¦ã¿ãŸã®ã§ã€ãã®æ–¹æ³•ã‚’ã”ç´¹ä»‹ã€‚ jQueryã®animateé–¢æ•°ã‚’ä½¿ã£ã¦å®Ÿè£…ã—ã¾ã™ï¼ˆã¦ã“ã¨ã§jQueryæœ¬ä½“ã‚‚èªã¿è¾¼ã‚“ã§ãã ã•ã„ãï¼‰ã€‚ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã‚’headå†…ã«ã‚³ãƒ”ãƒšã§ã„ã‘ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ // ã¾ãšbodyã‚’éžè¡¨ç¤ºã« jQuery('head').append( '<style type="text/css">body{display:none;}</style>'); jQuery( function(
VERSATRAN 2013/07/01
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
jQuery PowerTip
PowerTip is a jQuery tooltip plugin with a smooth user experience that features a very flexible design which is easy to customize, gives you a variety of different ways to create tooltips, supports adding complex data to tooltips, and has a robust API for developers seeking greater integration with their web applications. Download v1.3.2 Zip file with examples, CSS, and script. For older versions,
VERSATRAN 2013/05/21
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
Awkward Showcase â€“ A jQuery Plugin | Awkward Group - Digital Production Agency
Awkward Showcase is a plugin for the JavaScript Framework jQuery. We call it a Content Slider. But it can do more then just slide the content. For example you can add tooltips, enable thumbnails, activate dynamic height and lots more. Since version 1.0 itâ€™s integrated with our Viewline Plugin enabling new innovative ways for displaying content on your website. Download on BitBucketView Demo
VERSATRAN 2013/03/29
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
IE6ã‚‚OKï¼jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ãã‚Šã‚“ãã‚Šã‚“ã™ã‚‹ç”»åƒåˆ‡ã‚Šæ›¿ãˆã‚’ä½œã‚‹
æœ€è¿‘ã®ã‚µã‚¤ãƒˆã§ã¯ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«ã‚‚ã‚ˆãç”»åƒã®åˆ‡ã‚Šæ›¿ãˆãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚’jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³box-sliderã§ãã‚Šã‚“ãã‚Šã‚“åˆ‡ã‚Šæ›¿ãˆã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ é ã‚’æ‚©ã¾ã›ã‚‹IE6ã‚‚3Dã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»¥å¤–ã¯å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• box-sliderã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ åˆ‡ã‚Šæ›¿ãˆãŸã„ç”»åƒã‚’ä¸‹è¨˜ã®é€šã‚Šè¨˜è¿°ã—ã¾ã™ã€‚ <div class="slider-viewport"> <div id="idå"> <figure> <img src="ç”»åƒãƒ‘ã‚¹1"> </figure> <figure> <img src="ç”»åƒãƒ‘ã‚¹2"> </figure> <figure> <img src="ç”»åƒãƒ‘ã‚¹3"> </figure> </div> </div> ã‚ã¨ã¯JavaScriptã‚’</body>ä¸Šã«è¨˜è¿°ã™ã‚Œã°å®Œæˆã§ã™ã€‚ <script type="text/jav
VERSATRAN 2013/03/18
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
ã‚«ãƒ©ãƒ ã§ã‚½ãƒ¼ãƒˆã§ãã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è‡ªä½œã—ã¦ã¿ã‚‹ - jQueryå…¥é–€ - ãƒãƒ³ã‚¯ã‚½ãƒ•ãƒˆ
ç›®æ¬¡ jQueryå…¥é–€ jQueryã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒ»ç°¡å˜ãªä½¿ã„æ–¹ ã‚¯ã‚¤ã‚ºã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ ç§˜å¯†ã®æš—å·ã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ˆãŸã¬ãæš—å·ï¼‰ ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ ã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ˆã¬ã‚Šã‹ã¹ï¼‰ ç”»åƒã‚’ä½¿ã£ãŸã‚¸ã‚°ã‚½ãƒ¼ãƒ‘ã‚ºãƒ«ã‚’ä½œã£ã¦ã¿ã‚ˆã† ã‚‚ãã‚‰ãŸãŸãã£ã½ã„ã‚²ãƒ¼ãƒ ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’ä½œã‚ã† jQuery UI Sorta bleã§ï¼‘ãƒ©ã‚¤ãƒ³ã‚ªã‚»ãƒã‚²ãƒ¼ãƒ ãƒ–ãƒ©ã‚¦ã‚¶å…¨ä½“ã‚’ãƒ–ãƒãƒƒã‚¯ã—ã¦ã¿ã‚‹ Geolocation APIã‚’ä½¿ã£ã¦éƒ½é“åºœçœŒã®ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚’ç¾åœ¨åœ°ã«è¿‘ã„é †ã«ã‚½ãƒ¼ãƒˆã™ã‚‹ ç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã®çŠ¶æ…‹ã‚’ä¿æŒãƒ»ä¿å˜ã™ã‚‹6ã¤ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ Ajaxã‚’åˆ©ç”¨ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã£ã¦ã¿ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã«ãƒšãƒ¼ã‚¸é€ã‚Šï¼ˆãƒšãƒ¼ã‚¸ãƒ³ã‚°ï¼‰ã‚’å®Ÿè£…ã—ã¦ã¿ã‚‹ jQuery UI Draggableã‚’ä½¿ã£ã¦ä»˜ç®‹(sticky)ã‚’ä½œã£ã¦ã¿ã‚‹ ã‚«ãƒ©ãƒ ã§ã‚½ãƒ¼ãƒˆã§ãã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è‡ªä½œã—ã¦ã¿ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒƒãƒˆçµµã‚¨ãƒ‡ã‚£
VERSATRAN 2013/03/13
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
jQuery Easing - jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
Easing/jQuery easingã¨ã¯ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å‹•ãã‚’åŠ é€Ÿ/æ¸›é€Ÿã•ã›ã‚‹ãŸã‚ã®é–¢æ•°ã§ã™ã€‚ ä¾‹ãˆã°ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã®å‹•ãã‚’è€ƒãˆãŸã¨ãã€é€šå¸¸ã¯é€æ˜Žåº¦ã®å¤‰åŒ–é‡ã¯çµŒéŽæ™‚é–“ã«å¯¾ã—ã¦ç·šå½¢ã§ã™ã€‚å…¨ä½“ã§1ç§’ã‹ã‹ã£ã¦æ¶ˆãˆã‚‹å‡¦ç†ã§ã‚ã‚Œã°ã€0.5ç§’çµŒéŽæ™‚ã®é€æ˜Žåº¦ã¯0.5ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã“ã§easeInQuadã®å‹•ãã‚’é©ç”¨ã™ã‚‹ã¨ã€å¤‰åŒ–é‡ã¯ç·šå½¢ã§ã¯ãªã2æ¬¡é–¢æ•°ã®æ›²ç·šã«ãªã‚Šã¾ã™ã€‚ï¼ˆä¸‹è¨˜ã‚µãƒ³ãƒ—ãƒ«å‚ç…§ï¼‰ ãã®ãŸã‚ã€æœ€åˆã¯ã‚†ã£ãã‚Šã¨è–„ããªã£ã¦ã„ãã€å¾ŒåŠã«æ€¥æ¿€ã«æ¶ˆãˆã¦ã„ãã‚ˆã†ãªåŠ¹æžœãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ ç‰¹åˆ¥ãªã“ã¨ã‚’ã—ãªãã¦ã‚‚ä½¿ã†ã“ã¨ã®å‡ºæ¥ã‚‹easingã¯"linear"ã¨"swing"ã®2ç¨®é¡žã ã‘ã§ã™ãŒã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã©ã‚’å…¥ã‚Œã‚‹ã“ã¨ã§å¤šãã®easingã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®easingãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã¯ã€version 1.3æ™‚ç‚¹ã§32ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œä»¥å¤–ã«ã‚‚easingã¯æ¯”è¼ƒçš„å®¹æ˜“ã«è‡ªä½œã™ã‚‹ã“
VERSATRAN 2013/03/05
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
jQueryã§ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«å®Ÿè£…ã™ã‚‹æ–¹æ³•ï½œBLACKFLAG
Webã‚µã‚¤ãƒˆä¸Šã§ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã«ãŠçŸ¥ã‚‰ã›ãªã©ã® è¤‡æ•°ã«ã‚ãŸã‚‹æƒ…å ±ã‚’è¡¨ç¤ºã•ã›ãŸã„éš›ã«ä¾¿åˆ©ãªãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã‚‚ã„ã‚ã„ã‚ãªå½¢çŠ¶ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚Šã¾ã™ãŒ ã‚·ãƒ³ãƒ—ãƒ«ï¼ˆãƒ™ãƒ¼ã‚·ãƒƒã‚¯ï¼‰ãªå‹•ãã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’ æ¥µåŠ›ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆæ§‹æˆã§å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ãªã„ã‹è©¦ã—ã¦ã¿ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã®åˆ‡ã‚Šæ›¿ãˆå‹•ä½œã«ã¤ã„ã¦ã¯ â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€“ ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰åˆ‡ã‚Šæ›¿ãˆ ãƒ»ç”»é¢ä¸‹ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ ãƒ»ç”»é¢å³ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€“ ã®3ãƒ‘ã‚¿ãƒ¼ãƒ³æ§‹æˆã«ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšãƒ•ã‚§ãƒ¼ãƒ‰åˆ‡ã‚Šæ›¿ãˆãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‹ã‚‰ã€‚ HTMLæ§‹æˆã¯ä»¥ä¸‹ã®æ§˜ã«ãªã‚Šã¾ã™ã€‚ â—†HTML <div class="ticker" rel="fade"> <ul> <li><a href="#1">ã€News1ã€‘ã“ã®ãƒ†ã‚ã‚¹ãƒˆã¯Ne
VERSATRAN 2013/02/12
**CLIPS

*Tips

jQuery
ãƒªãƒ³ã‚¯
jqueryã§ã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã‚’ã‹ã£ã¡ã‚‡è‰¯ãã™ã‚‹ï¼ˆç¬¬äºŒå¼¾ï¼‰ | æ—¥è¨˜ã®é–“ | ã‚ã‹ã¤ãã®ãŠå®¿
javascriptã®ã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã‚’ã‹ã£ã“ã‚ˆãè¦‹ã›ã‚‹ãŸã‚ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã£ã¦ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ä»Šå›žã¯ãã®ã†ã¡ã®ä¸€ã¤ã§ã‚ã‚‹ã€jQuery uLightBox Pluginã£ã¦ã‚„ã¤ã‚’ä½¿ã£ã¦ã€è‰¯ã„æ„Ÿã˜ã«ã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã‚’è¦‹ã›ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä½•ã§ç¬¬äºŒå¼¾ãªã®ã‹ã£ã¦ã„ã†ã¨ã€ä»¥å‰ã€ã¾ã‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€æ–°ã™ã‚‹å‰ã£ã¦ã“ã¨ã§ã™ã‘ã©ã€ã“ã®ã‚ã‹ã¤ãã®ãŠå®¿ã§ã¯åˆ¥ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã‚’ä½œã£ã¦ã„ãŸã‹ã‚‰ã§ã™ãã€‚ãã®ã¨ãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ãŸè¨˜äº‹ã¯ã“ã‚Œã§ã™ã€‚ ä¹—ã‚Šæ›ãˆãŸç†ç”±ã¯ç‰¹ã«ãªã„ã§ã™ã€‚ä¸€æ–°ã™ã‚‹ã‚“ã ã‹ã‚‰ã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã‚‚å¤‰ãˆã¦ã¿ã‚ˆã†ã‹ã£ã¦ã„ã†ã€ã¾ã‚ãã®ç¨‹åº¦ã®è©±ã£ã™ã€‚ ã¾ãšã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚¤ãƒ¯ã‚ºãƒ¢ã‚¬ãƒŠã€‚ ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯å…ˆã«è¡Œã£ã¦ã¾ãšã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¾ã—ã‚‡ã†ã€‚ã•ã‚è½ã¨ãã†ã€‚ã‚„ã‚Œè½ã¨ãã†ã€‚ä¸€æµã®è½èªžå®¶ãŒè©±ã‚’çµ‚ã‚ã‚‰ã›ã‚‹ã¨ãã®ã‚ˆã†ã«ã‚¹ãƒžãƒ¼ãƒˆã«è½ã¨ãã†ã€‚ è½ã¨ã—ã¦æ¥ãŸã‚‰ã€ãã®ä¸ã®jquery.ulight
VERSATRAN 2013/02/07
**CLIPS

*Tips

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