[B! slide menu] crealiveã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

crealive id:crealive

slide menuã«é–¢ã™ã‚‹crealiveã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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]ã‚·ãƒ³ãƒ—ãƒ«ï¼é«˜æ€§èƒ½ï¼è¶…è»½é‡ï¼ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jContent
ãƒ‡ãƒ¢ï¼šã‚«ãƒ«ãƒ¼ã‚»ãƒ«æ©Ÿèƒ½ä»˜ãã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼šåž‚ç›´æ–¹å‘ jContentã®å®Ÿè£… å®Ÿè£…ã¯ç°¡å˜ã§ã€ãƒ‘ãƒãƒ«å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’divè¦ç´ ã§é…ç½®ã—ã€æ•°è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ HTML <div id="demo"> <a title="" href="#" class="prev"></a> <div class="slides"> <div>...</div> <div>...</div> <div>...</div> <div>...</div> </div> <a title="" href="#" class="next"></a> </div> JavaScript <script type="text/javascript" language="javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/j
crealive 2011/04/21
javascript

jquery

slider

slide menu
ãƒªãƒ³ã‚¯
[JS]çœã‚¹ãƒšãƒ¼ã‚¹ã«æœ€é©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚µãƒ ãƒã‚¤ãƒ«ã§é…ç½®ã—ã€ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Rotating Feature Boxes ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒ‡ãƒ¢ã§ã¯å³å´ã«é…ç½®ã•ã‚ŒãŸã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€æ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ç§»å‹•ã—ã¦ã€å…¨æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â€»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯CSS3ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãŸã‚Chrome, Safariã®ã¿ã§ã€éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç„¡ã—ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ 2ç•ªã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€2ç•ªãŒæ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã«ã€‚ [ad#ad-2] ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã®å®Ÿè£… HTML 3ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯divè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œidã¨classã‚’ä»˜ä¸Žã—ã€å…¨éƒ¨ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="rotator"> <div id="block-1" cl
crealive 2011/01/26
javascript

css3

jquery

navigation

slide menu
ãƒªãƒ³ã‚¯
ç”»åƒãŒãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒpictureMenuã€:phpspoté–‹ç™ºæ—¥èªŒ
ç”»åƒãŒãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒpictureMenuã€ 2011å¹´01æœˆ21æ—¥- pictureMenu ç”»åƒãŒãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒpictureMenuã€ã€‚ ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å¹…ãŒãƒ‹ãƒ¥ã‚¤ãƒ¼ãƒ³ã¨ä¼¸ã³ã‚‹UIãŒä½œã‚Œã¾ã™ã€‚ å‹•ããŒãªã‹ãªã‹ã‚¯ãƒ¼ãƒ«ãªã®ã§ã€ã†ã¾ãç”»åƒã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚«ãƒƒã‚³ã„ã„ã‚µã‚¤ãƒˆä½œã‚Šã«å½¹ç«‹ã¦ã‚‰ã‚Œãã†ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ãªæ¯”è¼ƒçš„æ•´ã£ãŸHTMLã‚³ãƒ¼ãƒ‰ã‚’åˆæœŸåŒ–ã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ ãƒ‡ãƒ¢ã¯ã‚»ãƒ³ã‚¹ãŒã„ã„ã¨ã¯è¨€ãˆãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å·¥å¤«ã™ã‚Œã°ã‹ãªã‚Šã‚«ãƒƒã‚³ã‚ˆãå‡ºæ¥ãã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’1æ©é€²ã‚“ã ã‚‚ã®ã«å¼•ãä¸Šã’ã‚‹jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† ãƒ“ãƒãƒ¼ãƒ³ã¨ä¼¸ã³ã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…jQueryã‚µãƒ³ãƒ—ãƒ« ã‚¯ãƒ¼ãƒ«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹è‰²åˆã„æ§˜ã€…ãªjQueryãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚µãƒ³ãƒ—ãƒ«è‰²ã€…
crealive 2011/01/22
javascript

jquery

accordion

slide menu
ãƒªãƒ³ã‚¯
jQuery pageSlide by Scott Robbin
Nowadays, it might be accurate to say that screen real estate is worth more than actual real estate. As web developers, we spend precious time laying out our pages, using every UI concept in the book to conserve space, while trying to maintain a user's focus on the task at hand. There are many techniques to use â€” Lightbox, Carousel and Tabs to name a few â€” and today I hope to offer up another: jQu
crealive 2010/12/06
å³ã‹å·¦ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã§åˆ¥htmlã‚’å¼•ã£å¼µã‚Šã ã™JSã€‚æ³¨é‡ˆã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã‚“ã‹ã«ä½¿ãˆã‚‹ã€‚aunã®ä»•äº‹è©³ç´°ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã€‚

ui

jquery

carousel

Lightbox

slide menu
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã‚’ã‚¯ãƒ¼ãƒ«ã«ã‹ãˆã¤ã¤ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã†jQueryã§ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ä¾‹:phpspoté–‹ç™ºæ—¥èªŒ
Beautiful Background Image Navigation with jQuery | Codrops èƒŒæ™¯ç”»åƒã‚’ã‚¯ãƒ¼ãƒ«ã«ã‹ãˆã¤ã¤ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã†jQueryã§ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ä¾‹ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ãŸã ãã¨ãã®ã‚¯ãƒ¼ãƒ«ã•åŠ æ¸›ãŒåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚Flashã‚’ä½¿ã‚ãšã«ãªã‹ãªã‹ã‚¯ãƒ¼ãƒ«ãªåŠ¹æžœãŒå‡ºã¦ã¾ã™ãã€‚ ã¡ã‚‡ã£ã¨ã—ãŸãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãªã‚“ã‹ã«å°Žå…¥ã—ã¦ã¿ã‚‹ã®ã‚‚ã‚ˆã•ãã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ®‹åƒãŒæ®‹ã‚‹jQueryã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« æ³¡ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç™’ã—ã‚’æ¼”å‡ºã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒBubble Engineã€ ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã¨ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSpritelyã€ ãƒ–ãƒãƒƒã‚¯å†…ã®èƒŒæ™¯ç”»åƒã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹jQueryã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ jQueryã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚½ãƒ¼ãƒˆå¯èƒ½ãªãƒ‡ãƒ¼ã‚¿ã‚°ãƒªãƒƒ
crealive 2010/11/16
jQuery

javascript

slide menu

ui

navigation
ãƒªãƒ³ã‚¯
dualSlider
dualSlider // When one animation just isn't enough...Probl ems? dualSlider options auto:true, autoDelay: 6000, easingCarousel: "swing", easingDetails: "easeOutBack", durationCarousel: 1000, durationDetails: 600 dualSlider demo
crealive 2010/08/31
å·¦ã«ç”»åƒã‚„å‹•ç”»ã€å³ã«èª¬æ˜Žæ–‡ã¨ã€ãµãŸã¤ã®è¦ç´ ã‚’ã‚ãšã‹ãªæ™‚é–“å·®ã‚’ç”Ÿã˜ã•ã›ã¦ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã€‚

animation

javascript

slider

slide show

slide menu
ãƒªãƒ³ã‚¯
Samuel Garneau dot com - jQuery : Slide Box
Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Slide box - a jQ
crealive 2010/08/17
ä¸Šã‹ã‚‰ä¸‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã€‚ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã˜ã‚ƒãªãã€ä¸Šã«ã‚ªãƒ¼ãƒãƒ¼ã€‚

jquery

js

slide menu
ãƒªãƒ³ã‚¯
1