darsa.inThis domain may be for sale!
備忘録　File APIを利用ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰
「5000æžšã®å†™çœŸã‚’アップãƒãƒ¼ãƒ‰ã§ãã‚‹WebアプリãŒã»ã—ã„ã€ã¨ç„¡èŒ¶ãªä¾é ¼ãŒã‚ã£ãŸã®ã§ã€HTML5ã®File APIを使ã£ã¦ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ サンプル） http://5463440d.dotcloud.com/ ソースコード） https://github.com/jou4/multi_fileupload ※上ã®ã‚µãƒ³ãƒ—ルã¯ã€ã‚µãƒ¼ãƒãƒ¼ãŒå—ã‘å–ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã—ãªã„ã®ã§ã‚¢ãƒƒãƒ—ã™ã‚‹ã ã‘ã®ã‚‚ã®ã§ã™ã€‚ ※ã¾ãŸãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ã‚µã‚¤ã‚ºã‚‚制é™ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å¤§ããªãƒ•ã‚¡ã‚¤ãƒ«ã¯ã‚¢ãƒƒãƒ—ã§ãã¾ã›ã‚“。 ドラッグ＆ドãƒãƒƒãƒ—ã¯ã€ondragover, ondragend, ondropã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã§åˆ¶å¾¡ã—ã¾ã™ã€‚ jQueryを使ã†ã®ã§ã‚ã‚Œã°ã€bindメソッドを利用ã—ã¦ã“ã‚“ãªæ„Ÿã˜ã§ã—ょã†ã‹ã€‚ $("#holder") .bind("dragover", function(){ this.className
GitHub人気レãƒã‚¸ãƒˆãƒªãƒ©ãƒ³ã‚ング Best50 全解説 - æ–¹å‘
GitHubã§äººæ°—レãƒã‚¸ãƒˆãƒªã®ãƒ©ãƒ³ã‚ングãŒå…¬é–‹ã•ã‚Œã¦ã„るよã†ãªã®ã§å…¨è§£èª¬ã—ã¦ã¿ã¾ã—ãŸï¼Ž ã©ã‚Œã‚‚ç´ æ™´ã‚‰ã—ã„ã‚‚ã®ã°ã‹ã‚Š! ã‚ãªãŸã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ©ã‚¤ãƒ•ã‚’å¿«é©ã«ã—ã¦ãれるライブラリãŒãã£ã¨è¦‹ã¤ã‹ã‚‹ã¯ãš!! rails rails 9835 watching Ruby on Rails. 説明ä¸è¦ã よã! フルスタックWebフレームワーク jquery jquery 8710 watching JavaScriptライブラリ．ã“れも説明ã„らãªã„よã! node joyent 8572 watching æ—§ånode.js．昔ã®åå‰ã®æ–¹ãŒé€šã‚ŠãŒã„ã„ã§ã™ï¼ŽJavaScriptエンジンã®V8用ã®ãƒŽãƒ³ãƒ–ãƒãƒƒã‚ングIOãªä½•ã‹ï¼Žä¸»ã«Webサーãƒ/アプリケーションã«ä½¿ã‚れる． html5-boilerplate paulirish 6998 watching HTML5ã¨ã‹ã®ãƒ†ãƒ³ãƒ—レート集．ãŸã ã—å…¬å¼ãƒšãƒ¼ã‚¸ã®ãƒ‡
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryプラグイン「Slider Kitã€:phpspot開発日誌
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryプラグイン「Slider Kit〠2011å¹´04月12æ—¥- Slider Kit, sliding contents with jQuery ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryプラグイン「Slider Kit〠ã“ã®ãƒ—ラグインを使ã†ã“ã¨ã§å®Ÿã«æ§˜ã€…ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿç¾å‡ºæ¥ã¾ã™ã€‚以下ã«ã‚µãƒ³ãƒ—ルを。 一見普通ã®ç”»åƒ カーソルをåˆã‚ã›ã‚‹ã¨ãƒšãƒ¼ã‚¸é€ã‚ŠãŒå‡ºã‚‹UI。ã“ã‚Œã ã‘ã§ã‚‚シンプルã§ã‹ãªã‚Šä½¿ãˆãã†ã€‚無駄ãªUIã¯ä¸è¦ã¨ã„ã†æ–¹ã«ã€‚ ページインデックスを次ã®ã‚ˆã†ã«â—‹ã§è¡¨ç¤ºã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚‚作れã¾ã™ã€‚ ページ番å·ãŒã¤ã„ãŸã‚‚㮠サムãƒã‚¤ãƒ«ãŒã¤ã„ãŸç‰© サムãƒã‚¤ãƒ«ï¼‹ãƒ©ãƒ™ãƒ«ä»˜ã サムãƒã‚¤ãƒ«ã‚’横ã«é…ç½®ã—ãŸã‚‚㮠シンプルã«ã‚µãƒ ãƒã‚¤ãƒ«ã‚’æ•·ãè©°ã‚ãŸä¾‹ 何らã‹ã®è£½å“ç‰ã®ç‰¹å¾´ã‚’表示ã™ã‚‹ã‚ˆã†ãªãŠãªã˜ã¿ã®ã‚¿ãƒ–UI型スライダーも。 ç”»åƒã ã‘ã§ãªãHTMLも使ãˆã‚‹ ã‚¿
JavaScript入門講座
今日ã®å†…容 JavaScriptを勉強ã—始ã‚ãらã„ã®äººã‚’対象ã«ã—ãŸJavaScript入門講座的ãªã‚‚㮠文法ã¨ã‹ã¯èª¿ã¹ã‚Œã°ã‚ã‹ã‚‹ã®ã§ãµã‚Œã¾ã›ã‚“ 一人ã§å‹‰å¼·ã—ã¦ã‚‚ã‚ã‹ã‚‰ãªãã†ãªæ¦‚念ãªã©ã‚’é‡ç‚¹çš„ã«èª¬æ˜Žã—ã¾ã™ ライブコーディングã™ã‚‹ã®ã§JavaScriptã£ã¦ã“ã‚“ãªæ„Ÿã˜ã¦ä½œã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†ã®ãŒã‚ã‹ã£ã¦ã‚‚らãˆã‚Œã°ã¨ アジェンダ JavaScriptを勉強ã™ã‚‹å‰ã« JavaScriptã®åŸºç¤ŽçŸ¥è˜ ライブコーディング part1 jQueryã®åŸºç¤ŽçŸ¥è˜ ライブコーディング part2
jQuery Selectors
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
連載：jQuery逆引ãリファレンス 第1回 セレクタ編 ï¼ ï¼ IT
jQueryã¯è¿‘å¹´ã€JavaScriptライブラリã®ä¸ã§ã‚‚高ã„人気をæŒã¡ã€æ€¥é€Ÿã«æ™®åŠã—ã¦ããŸãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚jQuery自体ã¯ã‚ªãƒ¼ãƒ—ンソースã§é–‹ç™ºãŒé€²ã‚られるライブラリã§ã™ãŒã€2008å¹´9月ã«ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒæ£å¼ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ã‚’表明ã—ãŸã“ã¨ã‹ã‚‰ã€ä»Šå¾Œã¯ã€ASP.NETã®ä¸–ç•Œã§ã‚‚採用ã•ã‚Œã‚‹æ©Ÿä¼šãŒå¤šããªã£ã¦ãã‚‹ã¨äºˆæƒ³ã•ã‚Œã¾ã™ã€‚本連載ãŒã€ã“ã‚Œã‹ã‚‰jQueryを利用ã•ã‚Œã‚‹æ–¹ã®æœ‰ç”¨ãªè³‡æ–™ã¨ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ãªãŠã€æœ¬é€£è¼‰ã¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã„ã†æ€§è³ªä¸Šã€å…¥é–€ãƒ¬ãƒ™ãƒ«ã‹ã‚‰ã®è§£èª¬ã¯è¡Œã£ã¦ã„ã¾ã›ã‚“。jQueryã®åŸºæœ¬ã«ã¤ã„ã¦ã¯ã€æ‹™ç¨¿ã€ŒASP.NETプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery入門ã€ã‚‚ä½µã›ã¦å‚ç…§ã™ã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ ãã‚Œã§ã¯ã•ã£ãã始ã‚ã¾ã—ょã†ã€‚ã¾ãšã¯ã€jQueryã®ã‚モã¨ã‚‚ã„ãˆã‚‹ã€Œ$()関数ã€ã§ä½¿ãˆã‚‹ã€ã•ã¾ã–ã¾ãªã‚»ãƒ¬ã‚¯ã‚¿æ§‹æ–‡ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ id値ã§è¦ç´ を特定ã™ã‚‹ã«ã¯ï¼Ÿ ã‚¿ã‚°åã§è¦ç´ を特定ã™ã‚‹ã«
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[JS]çœã‚¹ãƒšãƒ¼ã‚¹ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã¨è‡ªå‹•ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Simple Spy
Simple Spyã¯ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã§æœ€ä¸Šéƒ¨ã«è¡¨ç¤ºã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„を自動ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã€æœ€ä¸‹éƒ¨ã«ç§»å‹•ã—ãŸã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã§éžè¡¨ç¤ºã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ Simple jQuery Spy Effect demo å„コンテンツã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã‚ªãƒ—ションã§è¡¨ç¤ºæ•°ã€æ™‚é–“ãŒç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ 別ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã—ã¦ã€é«˜ã•å›ºå®šã‚¿ã‚¤ãƒ—ã¨ãƒ«ãƒ¼ãƒ—一回タイプã®å®Ÿè£…方法も紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ Simple Spyã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’良ãã™ã‚‹5ã¤ã®TIPS
jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’良ãã™ã‚‹5ã¤ã®TIPS 5 Tips for Better jQuery Codeã§jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’良ãã™ã‚‹5ã¤ã®TIPSãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ DOMä¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã‚‹dataメソッドを使ãŠã† $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「altã€ãªã©ã®HTMLã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã—ã¦ãŠãã¨å¾Œã§å–り出ã›ãªããªã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰è‰¯ããªã„。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with
[JS]ソートã ã‘ã§ãªãã€æ¤œç´¢ã‚‚å¯èƒ½ãªå¤šæ©Ÿèƒ½ãªãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ルを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
セルã®ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã€ãƒ‡ãƒ¼ã‚¿ã®ã‚½ãƒ¼ãƒˆã€ç‰¹å®šæ–‡å—列ã®æ¤œç´¢ãªã©ã«å¯¾å¿œã—ãŸãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ルを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚
ç°¡å˜ï¼PHPã¨jQueryã§ãƒ‰ãƒ©ãƒƒã‚¯ã™ã‚Œã°ãƒªã‚µã‚¤ã‚ºã‚¯ãƒªãƒƒãƒ—出æ¥ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
ãªã‹ãªã‹å‡„ã„ãžï¼ jQueryã¨PHPã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ç°¡å˜ã«å‹•ã„ã¦ã—ã¾ã£ãŸã€‚ ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ã€ã‚«ãƒƒãƒˆã—ãŸã„ã¨ã“ã‚をドラッグ。 ãã®éƒ¨åˆ†ãŒæŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«ãªã£ã¦ã‚¯ãƒªãƒƒãƒ—ã•ã‚Œã‚‹ã¨ã„ã†ä»£ç‰©ã€‚ å› ã¿ã«ä»Šå›žã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ä½¿ç”¨ã—ãŸç”»åƒã¯ç¾Žäººæ™‚計ã•ã‚“ã®ã‚‚ã®ã§ã€1分ãŠãã«ç¾ŽäººãŒç¾ã‚Œã‚‹æ™‚計å¼ã‚¦ã‚§ãƒ–サイトã§ã™ã€‚ã“れもåŒæ™‚ã«ãŠå‹§ã‚。 仕様 å¿…è¦ãªã‚‚ã®ã¯ã€PHP4ã‚‚ã—ãã¯PHP5。 ãã—ã¦PHP GD ライブラリãŒã‚µãƒ¼ãƒãƒ¼ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹å¿…è¦ãŒã‚る。 逆ã«è¨€ãˆã°ã“ã‚Œã ã‘クリアã—ã¦ã„ã‚Œã°ã‚‚ã®ã™ã”ã手軽ã«è¨ç½®ã§ãã‚‹ã¨ã„ã†é…力ã‚るスクリプトã§ã™ã€‚ 仕様ã¨ã—ã¦ã¯ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ãŒä»˜ã„ã¦ãŠã‚Šã€ãã“ã«ç”»åƒã‚’アップã™ã‚‹ã¨ã€ç·¨é›†ãƒ¢ãƒ¼ãƒ‰ã«ãªã‚‹ã€‚ ãã“ã§ã€å†™çœŸã®å¥½ããªã¨ã“ã‚をドラックã—ã¦å›²ã„è¾¼ã¿ã‚’ã™ã‚Œã°ãã“ãŒç”»åƒã¨ã—ã¦ãƒªã‚µã‚¤ã‚ºã§ãã‚‹ã®ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ ページ下部ã«ã‚る以下ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸå¾Œã¯
ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€:phpspot開発日誌
ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Plugin〠2009å¹´03月12æ—¥- jQuery Context Menu Plugin ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€ã€‚ ã¡ã‚‡ã£ã¨å‰ã¾ã§ã ã¨ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作るã®ã¯ã™ã”ã大変ã§ã—ãŸã€‚特ã«ã‚¯ãƒã‚¹ãƒ–ラウザã§å‹•ä½œã™ã‚‹ã“ã¨ãªã‚“ã‹ã‚’考慮ã™ã‚‹ã¨æœ¬å½“ã«å¤§å¤‰ã§ã—ãŸã€‚ ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ãˆã°ç°¡å˜ã«å®Ÿè£…ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ 特定ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä¸Šã®ã¿ã«å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨å®šã§ãã‚‹ã¨ã„ã†ã€æŸ”軟ãªã¤ãã‚Šã«ãªã£ã¦ã„ã¾ã™ã€‚ ã©ã®ã‚¢ã‚¤ãƒ†ãƒ 上ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‹ã£ã¦ã„ã†ã®ãŒã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã§å—ã‘られるã¨ã“ã‚も汎用的ã«ãªã£ã¦ã„ã¦ã„ã„ã§ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリ１ã¤ã¨ã£ã¦ã¿ã¦ã‚‚ã€jQueryを使ã†æ„味ãŒå‡ºã¦ããã†ã§ã™ã€‚ jQueryã¯æœ¬å½“ã«ãƒ‡ãƒ•
jQueryを使ã£ã¦å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚µãƒ³ãƒ—ル文å—を入れã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ã‚¹ã‚¯ãƒªãƒ—ト:å¿œç”¨ã€€æ©Ÿèƒ½è¿½åŠ ç·¨
以å‰ã«ã”紹介ã—㟠「jQueryを使ã£ã¦å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚µãƒ³ãƒ—ル文å—を入れã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ã‚¹ã‚¯ãƒªãƒ—ト〠ãれを使ã£ã¦ã€ä»Šè¡Œã£ã¦ã„る案件をã“ãªãã†ã¨æ€ã£ãŸã‚‰ã€ ３ã¤ç¨‹æ”¹è‰¯ã—ãŸã„部分ãŒå‡ºã¦ããŸã€‚ 一ã¤ç›®ã¯ã‚らã‹ã˜ã‚æ–‡å—を出ç¾ã•ã›ã¦ã„ã¦ã€ ãã®ã¾ã¾submitã•ã‚ŒãŸå ´åˆã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®æ–‡å—ã®ã¾ã¾ã ã£ãŸå ´åˆã€ ãれを削除ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ 二ã¤ç›®ã¯ã€ã‚らã‹ã˜ã‚HTMLã®æ®µéšŽã§valueをセットã—ã¦ã„ãŸå ´åˆã‚„〠以å‰å…¥åŠ›ã—ã¦ã„ãŸã®ã‚’ã‚らã‹ã˜ã‚表示ã•ã›ã¦ãŠããªã©ã‚’ã—ãŸå ´åˆã€ デフォルトã®æ–‡å—を表示ã•ã›ãªã„よã†ã«ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ ３ã¤ã‚ã¯å˜ç´”ã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒã‚ã£ãŸéƒ¨åˆ†ã® 背景ã®è‰²ã‚’変ãˆã¦ã€å…¥åŠ›ã—ã¦ã„る部分ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ã€‚ ä»¥ä¸Šï¼“ç‚¹ã‚’åŠ ãˆãŸã‚‚ã®ã‚’作ã£ã¦ã¿ãŸã€‚ ※2011/06/19 add jQuery1.2～1.2.6ã¾ã§ã¯ä»Šå›žã®æ–¹æ³•ã§ã‚‚動作ã—ã¾ã™ãŒã€1.3以é™ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯æ™‚
[JS]動作ãŒè»½å¿«ãªãƒ‘ãƒãƒ«ã‚’水平・垂直ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Easy Slider
リストè¦ç´ ã®ãƒ‘ãƒãƒ«ã‚’スムーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「Easy Sliderã€ã‚’css globeã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Easy Slider 1.5 demo パãƒãƒ«ã«ã¯ç”»åƒã‚„テã‚ストãªã©ã‚’é…ç½®ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã¯ãƒ†ã‚ストベースã®ã‚‚ã®ã‚„グラフィカルãªã‚‚ã®ã‚’使用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ demo 1（スタイルã¯ç„¡ã—） demo 2（スタイルをé©ç”¨ï¼‰ demo 3（スタイル無ã—ã§åž‚ç›´æ–¹å‘ã«ï¼‰ demo 4（スタイルé©ç”¨ã€è‡ªå‹•ã‚¹ãƒ©ã‚¤ãƒ‰ï¼‰ demo 5（複数ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’è¨ç½®ï¼‰ スクリプトã®ã‚ªãƒ—ションã§ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¹ãƒ”ードã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®è‡ªå‹•ãƒ»æ‰‹å‹•ã€ãƒãƒ¼ã‚ºã®æ™‚é–“ãªã©ã‚’調整ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Easy Sliderã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
jQuery ã§ãƒ–ラウザã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã™ã‚‹ã‚µã‚¤ã‚ºã‚„ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã¦ã¿ã‚‹ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 本エントリã®å†…容もå«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„。 jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary å‰å›žã€å‰ã€…回ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ を例ã«ã‚µã‚¤ã‚ºã‚„ä½ç½®ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ã®æ±‚ã‚æ–¹ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸãŒã€å®Ÿéš›ã®ãƒ—ラグインã®å®Ÿè£…ã«ãŠã„ã¦ã“れらã®æƒ…å ±ãŒå¿…è¦ã«ãªã‚‹ã®ã¯ã€ãƒ–ラウザã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã—ã¦ã¨ã„ã†ã“ã¨ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 具体的ã«ã¯ãƒ„ールãƒãƒƒãƒ—ãªã©ã®æ©Ÿèƒ½ã§ã€ç”»é¢ã®ç«¯ã®è¦ç´ ã‚’ hover ã—ãŸæ™‚ã€ãƒãƒƒãƒ—アップãŒãƒ–ラウザã®è¡¨ç¤ºé ˜åŸŸå†…ã«åŽã¾ã‚‹ã‚ˆã†ã«è¡¨ç¤ºä½ç½®ã‚’調整ã™ã‚‹ã‚ˆã†ãªå ´åˆã«ã€ãƒ–ラウザã®è¡¨ç¤ºé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚„スクãƒãƒ¼ãƒ«é‡ãªã©ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ jQuery ã§ãƒ–ラウザã®è¡¨ç¤ºé ˜åŸŸã‚’ã¤ã‹ã‚€æ–¹æ³• ブラウザã®è¡¨ç¤ºé ˜åŸŸã‚’ jQuery ã§ã¤ã‹ã‚€ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã§ã§ããã†ã§ã™ã€‚ $('html') $(window) $(
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2009/02/jquery-dropdown.html
[JS]一覧表示ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切り替ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Easy Display Switch
http://www.hieu.co.uk/imageswitch/
Robbin & Co. - Chicago Web Development
{{#tags}}- {{label}}
{{/tags}}