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

buchi39 id:buchi39

javascriptã«é–¢ã™ã‚‹buchi39ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (57)

${{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]ãƒšãƒ¼ã‚¸é·ç§»ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Pageswitch
ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒšãƒ¼ã‚¸ã‚’é·ç§»ã™ã‚‹éš›ã«ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Pageswitchã®å®Ÿè£… å®Ÿè£…ã¯ç°¡å˜ã§ã™ã€‚ HTML æ—¢å˜ã®HTMLã«ã€ç‰¹ã«æ‰‹ã‚’åŠ ãˆã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ idã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã€Œexampleã€ã¯é©å½“ãªã‚‚ã®ã«å¤‰æ›´ã§ãã¾ã™ã€‚ <div id="example"> <a href="//coliss.com/">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> [ad#ad-2] JavaScript Pageswitchã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã€ä¸‹è¨˜ã®ã‚ˆã†ã«å„ãƒªãƒ³ã‚¯ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ $(document).ready(fun
buchi39 2010/11/25
ãƒšãƒ¼ã‚¸é·ç§»

javascript

jquery

plugin

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Tiny Circleslider: A lightweight cross browser circular carousel.
What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.
buchi39 2010/11/18
å††å½¢ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¦ã„ããŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŽTiny Circlesliderã€ ãã‚‹ãã‚‹å›žã£ã¦ã‚¹ãƒ©ã‚¤ãƒ‰

javascript

jquery

navigation

webdesign
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQueryã€‚ ä»Šå›žã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’å½“ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ï¼‘ï¼‰3Dè¡¨ç¤ºãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ä»Šå¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3Dã€‚ ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã‚’ç¢ºèªã€‚ è§¦ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3Dè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å‘¼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
buchi39 2010/11/17
ã¯ã‚„ã‚Šã®jQueryã¾ã¨ã‚

design

javascript

jquery

plugin
ãƒªãƒ³ã‚¯
jQuery Mobileã‚’åˆ©ç”¨ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆæ‰‹é † | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
jQuery Mobileã‚’åˆ©ç”¨ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆæ‰‹é † 2010å¹´11æœˆ6æ—¥ jQuery Mobileã‚’åˆ©ç”¨ã—ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆã—ã¦ã¿ãŸã®ã§ã€æ‰‹é †ã‚’è¦šæ›¸ã¨ã—ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚ ã¡ãªã¿ã«ã¾ã æ£å¼ç‰ˆã§ã¯ãªãã€ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆã¨ãªã‚Šã¾ã™ã€‚â€»2010å¹´11æœˆç¾åœ¨ ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãªã©ã¯ä¸‹è¨˜ã®æœ¬å®¶ã‚µã‚¤ãƒˆã‚ˆã‚Šã”ç¢ºèªãã ã•ã„ã€‚ jQuery Mobile jQuery Mobileã‚’åˆ©ç”¨ã—ãŸãƒšãƒ¼ã‚¸ä½œæˆæ¦‚è¦ æœ¬å®¶ã®ãƒ‡ãƒ¢ä½œæˆç”»é¢ã‚’å’Œè¨³ã—ã¦ãã‚Œã¦ã„ã‚‹ä¸‹è¨˜ãƒšãƒ¼ã‚¸ãŒã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ http://dev.screw-axis.com/doc/jquery_mobile/ èªã¿è¾¼ã¿ãƒ•ã‚¡ã‚¤ãƒ« <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://c
buchi39 2010/11/12
jQuery Mobileã‚’åˆ©ç”¨ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆæ‰‹é †

iphone

javascript

jquery

mobile

plugin

smartphone
ãƒªãƒ³ã‚¯
Lettering.js - A jQuery plugin for radical web typography.
Features + Uses Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:
buchi39 2010/11/02
æ–‡å—ã”ã¨ã«ç´°ã‹ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ãŸã„ã¨ãã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŽLettering.jsã€

jquery

typography

javascript

webdesign

design

web

css
ãƒªãƒ³ã‚¯
Dropr
This was the home of Dropr, a leading art sharing platform. We thank the artists that shared millions of pieces of work from 2009 to 2020. We paved the ground for a global digital art revolution that will flourish in the years to come.
buchi39 2010/10/30
design

html5

inspiration

javascript

web

webdesign
ãƒªãƒ³ã‚¯
steamdev.com
This domain may be for sale!
buchi39 2010/10/23
IEã§ã‚‚å‹•ä½œã™ã‚‹ç”»åƒã‚’è¶…ç°¡å˜ã«è§’ä¸¸åŒ–ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒIMGrã€ $("imageElement").imgr(); ã¨å”±ãˆã‚‹ã ã‘ã§ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§ç”»åƒã®è§’ã‚’ä¸¸ãã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ $("imageElement").imgr( optoins ); ã§radiusã‚„ã‚µã‚¤ã‚ºã€è‰²ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒ

javascript

jquery

plugin

webdesign

è§’ä¸¸
ãƒªãƒ³ã‚¯
ã³ã‚æ¹–æ¸©æ³‰ ç´…è‘‰
ãŠé£Ÿäº‹ æ–™äºã§å‘³ã‚ã† ç«¹ç”Ÿ å…«æ™¯äº è¿‘æ±Ÿã®å›½ ç´…è‘‰ ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§å‘³ã‚ã† ANNEX KOYO ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³æ¹–å½© ãƒãƒ³ã‚±ãƒƒãƒˆãƒ›ãƒ¼ãƒ«æ¹–çœº
buchi39 2010/10/23
å¤šç”°å±‹ã½ã„ã‘ã©jQueryã¿ãŸã„

design

japan

javascript

webdesign

å’Œé¢¨

jquery
ãƒªãƒ³ã‚¯
WordPressã®ã‚³ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ã‚’jQueryã§ã‚¿ãƒ–åˆ†ã‘ã™ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ³• - ã‹ã¡ã³ã¨.net
ã‚³ãƒ¡ãƒ³ãƒˆé ‚ã„ãŸã®ã§ã€è¨˜äº‹ã«ã—ã¦ ã¿ã¾ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã§å®Ÿè£…ã—ã¦ã„ ã‚‹ã‚ˆã†ãªã€ã‚³ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ©ãƒã‚’ã‚¿ãƒ– ã§åˆ†ã‘ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ³•ã€‚æ–¹æ³•ã¯ å¤šæ•°ã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§å‚è€ƒ ç¨‹åº¦ã«ã—ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ å†…å®¹ã¯ã€ã‚³ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ©ãƒã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãšã«åˆ†ã‘ã‚‹æ–¹æ³•ã¨ã€ãã‚Œã‚’jQueryã‚’ä½¿ã£ã¦ã‚¿ãƒ–åˆ†ã‘ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã‚³ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ©ãƒã‚’åˆ†ã‘ã‚‹ ã¾ãšã€ã‚³ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ©ãƒã‚’åˆ†ã‘ã¾ã™ã€‚æ—¢ã«WordPress: ã‚³ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ã‚’åˆ†ã‘ã‚‹ã®ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ä¸è¦ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã‚³ãƒãƒ©ã‚‚ã”å‚ç…§ãã ã•ã„ãã€‚ã“ã®ç‚¹ã¯å…¨ãåŒã˜å†…å®¹ã§ã™ã€‚ STEP.1 ãŠä½¿ã„ã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ã‚ã‚‹comments.phpã®ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’å–ã£ã¦ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«é–‹ã„ã¦ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’æŽ¢ã—ã¾ã™ã€‚ <?php foreach ($comments as $comment) : ?> ã“ã®ã‚³ãƒ¼ãƒ‰ãŒã‚³ãƒ¡ãƒ³ãƒˆã‚„ãƒˆãƒ©ãƒã‚’è¡¨ç¤ºã™ã‚‹ã‚³ãƒ¼ãƒ‰ã«ãªã‚Šã¾ã™ã€‚ ST
buchi39 2010/10/10
wordpress

jquery

javascript
ãƒªãƒ³ã‚¯
http://miracle-ysdesign.com/blog/javascript/409.html
buchi39 2010/09/28
ç°¡å˜ã«ç”»åƒã‚„æ–‡å—ï¼ˆè¦ç´ ï¼‰ã‚’ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã§åˆ‡ã‚Šæ›¿ãˆã‚‹äº‹ãŒå¯èƒ½ãªjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jquery

plugin

javascript
ãƒªãƒ³ã‚¯
WEBå•é¡Œä½œæˆãƒ„ãƒ¼ãƒ«
ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã—ã¾ã™ãŒï¼Œã—ã°ã‚‰ããŠä¼‘ã¿ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã”åˆ©ç”¨ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
buchi39 2010/09/11
japanese

javascript

web

quiz
ãƒªãƒ³ã‚¯
[jQuery]ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã§Tooltipè¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«
ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã®ãƒ›ãƒƒãƒˆã‚¹ãƒãƒƒãƒˆã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸã‚‰èª¬æ˜Žè¡¨ç¤ºå‡ºã‚‹ã‚ˆã†ã«å‡ºæ¥ãªã„ï¼Ÿã€ã£ã¦è¨€ã‚ã‚Œã¦æ›¸ã„ãŸã‚„ã¤ã€‚ éžè¡¨ç¤ºã«ã—ã¦ã‚‹ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’è¡¨ç¤ºã—ã¦ã‚‹ã ã‘ãªã®ã§ã€ç”»åƒã¨ã‹ãƒ†ã‚ã‚¹ãƒˆã¨ã‹å‰²ã¨ãƒ•ãƒªãƒ¼ãƒ€ãƒ ã«å‡ºã›ã‚‹ã€‚ jQuery1.2.6ç”¨ã€‚ jQueryã®ãƒžã‚¦ã‚¹ã‚¤ãƒ™ãƒ³ãƒˆã«ã¯ä»¥ä¸‹ãƒ—ãƒãƒ‘ãƒ†ã‚£æä¾›ã•ã‚Œã¦ã„ã¦ pageX/Y ï¼š ãƒšãƒ¼ã‚¸ã®å·¦ä¸Šã‚’0ã¨ã—ãŸãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã®ä½ç½® clientX/Y ï¼šã€€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆè¡¨ç¤ºé ˜åŸŸã‚’0ã¨ã—ãŸãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã®ä½ç½® ç‰¹åˆ¥ãªã“ã¨ã—ãªãã¦ã‚‚ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸæ™‚ã®ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã®ä½ç½®ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ <div id="imgmap"> <img src="tags.png" alt="Tags" width="400" height="151" border="0" usemap="#Map" /> <map name="Map" id="Map"><area
buchi39 2010/09/02
ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã§Tooltipè¡¨ç¤º

jquery

javascript

l
ãƒªãƒ³ã‚¯
Ajax Â» jQuery plugin Â» ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— | PHP & JavaScript Room
PHPã€JavaScriptã€CSSã€Webãƒšãƒ¼ã‚¸åŸ‹ã‚è¾¼ã¿ã«ã‚ˆã‚‹éŸ³å£°ãƒ»å‹•ç”»é…ä¿¡æ–¹æ³•ãªã©ã€å®Ÿç”¨çš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’è§£èª¬ï¼»CSSï¼½jquery.cluetip.css ï¼»JSï¼½jquery.js v1.2.6ã€jquery.dimensions.jsã€jquery.hoverIntent.jsã€jquery.cluetip.js å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã ã‚Šã€ã„ã‚ã„ã‚ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„è¡¨ç¤ºä½ç½®ãªã©ã€ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’ã„ã˜ã‚‹ã ã‘ã§ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ è¨ç½®ã‚¤ãƒ¡ãƒ¼ã‚¸ HEAD  <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions
buchi39 2010/09/02
jquery

javascript

tools
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
buchi39 2010/08/28
Internet Explore 6ã§ã‚‚é€éŽPNGã‚’ä½¿ã†æ–¹æ³•

html

image

javascript

tips

ie6
ãƒªãƒ³ã‚¯
[JS]ç¾åœ¨ä½ç½®ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹•ã•ã›ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ -MagicLine
ä¸¦åˆ—ã«é…ç½®ã•ã‚ŒãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¾åœ¨ä½ç½®ã‚’æ˜Žç¤ºã—ãŸãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’CSS-Trickã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery MagicLine Navigation ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ç¾åœ¨ä½ç½®ã‚’æ˜Žç¤ºã™ã‚‹ã‚µã‚¤ãƒ³ã¯ã€ãƒ©ã‚¤ãƒ³ï¼ˆã‚ãƒ£ãƒ—ãƒãƒ£ï¼šä¸Šï¼‰ã¨èƒŒæ™¯ï¼ˆåŒï¼šä¸‹ï¼‰ã®2ç¨®é¡žãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€èƒŒæ™¯ã¯å„ãƒ©ãƒ™ãƒ«ã§ã‚«ãƒ©ãƒ¼ãŒç•°ãªã‚Šã¾ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ã¯ãƒªã‚¹ãƒˆè¦ç´ ã‚’divè¦ç´ ã§å†…åŒ…ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="nav-wrap"> <ul class="group" id="example-one"> <li class="current_page_it em"><a href="#">Home</a></li> <li><a hr
buchi39 2010/08/23
ã™ã‚‹ã£ã¨ç§»å‹•ã™ã‚‹JS

javascript

jquery

navigation
ãƒªãƒ³ã‚¯
JQuery MagicLine Navigation | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. These â€œslidingâ€ style navigation bars have been around a while, I just thought Iâ€™d take a crack at doing it myself as the opportunity came up recently. Turns out itâ€™s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight o
buchi39 2010/08/23
code

jquery

javascript

menu
ãƒªãƒ³ã‚¯
45 jQuery Navigation Plugins and Tutorials - noupe
By Paul Andrew As many of us know, the initial 15-20 seconds of a new user's visit to a web site will have a large impact on whether on not they are going to like or dislike the site, prompting them to decide whether they will stay or go. This means it's vital that you follow usability rules with common design practices and layout your site, especially the navigation, in a style that the user can
buchi39 2010/08/23
ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç”¨ã®jquery

javascript

jquery

design

css
ãƒªãƒ³ã‚¯
[JS]ç°¡å˜ã«è¨ç½®ã§ãã‚‹ãƒšãƒ¼ã‚¸å†…ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Page Scroller ver.3 | ã‚³ãƒªã‚¹
ä»¥å‰ã€ç´¹ä»‹ã—ãŸã€ŒPage Scrollerã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ç‰ˆã€ŒPage Scroller ver.3ã€ã®ç´¹ä»‹ã§ã™ã€‚ è¿½è¨˜ï¼š 2013å¹´10æœˆ26æ—¥ ver.3.0.9ã‚’ãƒªãƒªãƒ¼ã‚¹ jQueryã®æ—§ç‰ˆã«ã‚ˆã‚‹XSSã«å¯¾å¿œã—ã¾ã—ãŸã€‚ 2011å¹´5æœˆ4æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.6ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2011å¹´1æœˆ31æ—¥ ver.3.0.8ã‚’ãƒªãƒªãƒ¼ã‚¹ æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2010å¹´11æœˆ19æ—¥ ver.3.0.7ã‚’ãƒªãƒªãƒ¼ã‚¹ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2010å¹´11æœˆ17æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.4.4ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2010å¹´9æœˆ19æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.4.2ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2009å¹´7æœˆ6æ—¥ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆIE8, Fx2.5, Chrome2ï¼‰ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚ 2009å¹´2æœˆ23æ—¥ ver.3.0.6ã‚’ãƒª
buchi39 2010/08/20
ãƒšãƒ¼ã‚¸ãƒŠã‚¤ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€€ã‚¹ãƒ ãƒ¼ã‚º

javascript

jquery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Dynamic Drive DHTML scripts- jQuery Scroll to Top Control
Note: April 7th, 09'. Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. Also fixes scroll animation not working in Opera. Description: If your pages are long winded, it's a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That's where this script comes in. It displays a stationary co
buchi39 2010/08/20
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€€ã‚¹ãƒ ãƒ¼ã‚ºã€€jquery

jquery

javascript
ãƒªãƒ³ã‚¯
æœºã®ä¸Šã«å†™çœŸã‚’ç„¡é€ ä½œã«ä¸¦ã¹ãŸã‚ˆã†ãªå†™çœŸã‚®ãƒ£ãƒ©ã‚Šãƒ¼å®Ÿè£…ãƒ‡ãƒ¢:phpspoté–‹ç™ºæ—¥èªŒ
Interactive Photo Desk with jQuery and CSS3 | Codrops æœºã®ä¸Šã«å†™çœŸã‚’ç„¡é€ ä½œã«ä¸¦ã¹ãŸã‚ˆã†ãªå†™çœŸã‚®ãƒ£ãƒ©ã‚Šãƒ¼å®Ÿè£…ãƒ‡ãƒ¢ã€‚ jQueryã¨CSS3ã‚’ä½¿ã£ã¦æ¬¡ã®ã‚ˆã†ãªãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚‚å¯èƒ½ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ãªã®ã§å‚è€ƒã«ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Flashã‚’ä½¿ã‚ãšã¨ã‚‚ã“ã†ã—ãŸã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã¯ã‚ˆã„ã‚µãƒ³ãƒ—ãƒ«ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’å®Ÿè£…ã—ãŸã„éš›ã®å‚è€ƒã«ã—ã¾ã—ã‚‡ã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª jQueryã‚’ä½¿ã£ãŸFlashã°ã‚Šã«ã‚¯ãƒ¼ãƒ«ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŒGalleryViewã€ é«˜ã„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã‚’æŒã¤ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAD Galleryã€ JavaScriptè£½ã®ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã„ã‚ã„ã‚
buchi39 2010/07/25
æœºã®ä¸Šã«å†™çœŸã‚’ç„¡é€ ä½œã«ä¸¦ã¹ãŸã‚ˆã†ãªå†™çœŸã‚®ãƒ£ãƒ©ã‚Š

css3

gallery

javascript

jquery

å†™çœŸ

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