Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
10 Websites That use JavaScript Animation Effectively!! - DzineBlog.com
10 Websites That use JavaScript Animation Effectively!! The Most Important think is not -what you say, the important thing is -how you say and when you say , While some days before we are using flash for buttons, gallery etc, later now JavaScript frameworks like mootools , scriptallicious and prototype replace the flash with a light weight code and we can get the same effect like flash But how to
ã€é€£è¼‰ã€‘ã„ã¾ã‹ã‚‰ã¯ã˜ã‚ã‚‹Script.aculo.us (4) ドラッグ&ドãƒãƒƒãƒ—を応用ã—ãŸç”»é¢ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ | エンタープライズ | マイコミジャーナル
å‰å›žã¯ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—を実ç¾ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ãŸãŒã€ä»Šå›žã¯ãれを応用ã—ãŸç”»é¢ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚‹Sortableã¨Sliderを使ã£ã¦ã¿ã‚ˆã†ã€‚ãªãŠã€ä»Šå›žã¯éƒ½åˆã«ã‚ˆã‚Šãƒ¡ã‚½ãƒƒãƒ‰ã‚„オプションをã”ã一部ã—ã‹ç´¹ä»‹ã§ããªã„。詳細ã¯ç”»é¢ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®Wikiページをå‚ç…§ã—ã¦ã„ãŸã ããŸã„。 é …ç›®ã®ä¸¦ã¹æ›¿ãˆ Sortable.create( IDã¾ãŸã¯DOMオブジェクト [, オプション] ); // 並ã¹æ›¿ãˆå¯èƒ½ã«ã™ã‚‹ Sortable.destroy( IDã¾ãŸã¯DOMオブジェクト ); // 並ã¹æ›¿ãˆä¸èƒ½ã«ã™ã‚‹ Sortableã¯ã€<ul>ãªã©ã§åˆ—挙ã—ãŸé …目をドラッグã«ã‚ˆã£ã¦ä¸¦ã¹æ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚é …ç›®ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ã„ã‚‹é–“ã¯ã€ãã®è¡¨ç¤ºä½ç½®ã®ã¿ãŒå¤‰æ›´ã•ã‚Œã‚‹ãŒã€ãƒ‰ãƒãƒƒãƒ—後ã¯ã€ãã®ä½ç½®ã«æœ€ã‚‚è¿‘ã„ã¨ã“ã‚ã«HTMLã‚¿ã‚°ã®æ§‹æˆã‚‚変更ã•ã‚Œã‚‹ã€‚ ã€ä¾‹ã€‘「マイコミジャーナルã€ã¨ã„ã†é …目をドラッグã§æœ€ä¸Šè¡Œã«ç§»å‹•ã™ã‚‹
JavaScriptã¨AJAXã§ãƒšãƒ¼ã‚¸ä¸Šã®ãƒžã‚¦ã‚¹ã®å‹•ãを録画・å†ç”Ÿã™ã‚‹ãƒ‡ãƒ¢
ページ上ã§å‹•ã‹ã—ãŸãƒžã‚¦ã‚¹ã®è»Œè·¡ã‚’記録ã—ã€å†ç”Ÿã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚‹JavaScriptã‚„AJAXãªã©ã®çµ„ã¿åˆã‚ã›ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚実際ã«è©¦ã—ã¦ã¿ã‚Œã°ã‚ã‹ã‚Šã¾ã™ãŒã€è¨˜éŒ²ã—ã¦ã„ã‚‹éš›ã«ã¯ã€ç‰¹ã«è¨˜éŒ²ã•ã‚Œã¦ã„ã‚‹ã¨æ°—ã¥ãよã†ãªè¦ç´ ã¯å…¨ãã‚ã‚Šã¾ã›ã‚“。 応用ã¨ã—ã¦ã¯ã€åºƒå‘ŠãƒãƒŠãƒ¼ã®ã‚¯ãƒªãƒƒã‚¯ã«ã¤ã„ã¦ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ング（目ã®å‹•ãを追ã†ï¼‰ã®ä»£ã‚ã‚Šã«ã€ãƒžã‚¦ã‚¹ã®ç§»å‹•ã™ã‚‹è»Œè·¡ã‚’記録ã—ã¦ã€Œãƒžã‚¦ã‚¹ãƒˆãƒ©ãƒƒã‚ングã€ãŒå¯èƒ½ã«ãªã£ãŸã‚Šã€ã‚ã‚‹ã„ã¯AJAXをフルã«é§†ä½¿ã—ãŸã‚µã‚¤ãƒˆã«ãŠã‘るユーザービリティã®è¨˜éŒ²ã«ã‚ˆã‚‹æ“作ã®æ”¹å–„ã€ã‚ã‚‹ã„ã¯å„種スパイ行動ãªã©ã«ã‚‚使ãˆã¾ã™ã€‚ 実際ã®ãƒ‡ãƒ¢ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページã§å››è§’ã„ã‚ューブã®è¾ºã®å‘¨å›²ã‚’マウスã§ãªã‚“ã©ã‹ãã‚‹ãã‚‹ã¨å›žè»¢ã•ã›ã¦ã¿ãŸ
Script.aculo.usã®å®Ÿç”¨ä¾‹ãŒãŸãã•ã‚“見られる『Script.aculo.us Samplr〠– creamu
Script.aculo.usを実際ã«ã‚µã‚¤ãƒˆã§ä½¿ã„ãŸã„。 ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽScript.aculo.us Samplrã€ã€‚Script.aculo.usã®å®Ÿç”¨ä¾‹ãŒãŸãã•ã‚“見られるDemoサイトã 。 iPhoto resizeã‚„Newstickerãªã©ã€ã™ãã«ä½¿ãˆãã†ã§ã‹ã£ã“ã„ã„インターフェースãŒãŸãã•ã‚“紹介ã•ã‚Œã¦ã„る。 Cash Registerã‚‚ã¨ã¦ã‚‚é¢ç™½ã„。 Script.aculo.usエフェクトを使ã£ãŸã‚µã‚¤ãƒˆã‚’作る際ã«ã¨ã¦ã‚‚å‚考ã«ãªã‚Šãã†ã 。 Script.aculo.usã®å®Ÿç”¨ä¾‹ãŒãŸãã•ã‚“見られるDemoサイトã€ãƒã‚§ãƒƒã‚¯ã—ã¦ä½¿ã£ã¦ã„ããŸã„ã§ã™ã。 ãƒã‚±ãƒƒãƒˆãŒã‚‚らãˆã¦ä»Šæ—¥ã®å¤œãƒ¬ãƒŸã‚ªãƒãƒ¡ãƒ³ã®ãƒ©ã‚¤ãƒ–ã«è¡Œã‘ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸï¼æ¥½ã—ã¿ã€‚
Prototypeã¨Scriptaculousã§ä½œã‚‹æ—¥ä»˜å…¥åŠ›ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ŽDatePicker using Prototype and Scriptaculous〠– creamu
DiaryTechnology Prototypeã¨Scriptaculousã§ä½œã‚‹æ—¥ä»˜å…¥åŠ›ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ŽDatePicker using Prototype and Scriptaculous〠日付入力カレンダーをクールãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«ã—ãŸã„。 ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽDatePicker using Prototype and Scriptaculousã€ã€‚Prototypeã¨Scriptaculousã§ä½œã‚‹æ—¥ä»˜å…¥åŠ›ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã 。 DatePickerを使ãˆã°ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’onclickã§ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦ç¾ã‚Œã‚‹ã€‚日付をクリック後ã¯ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ã€ã¨ã¦ã‚‚上å“ãªä½œã‚Šã«ãªã£ã¦ã„る。 カレンダーをã‹ã£ã“よãã—ãŸã„ã¨æ€ã£ã¦ã„る人ã«ã¯ä¾¿åˆ©ã ã‚ã†ã€‚ Prototypeã¨Scriptaculousã§ä½œã‚‹æ—¥ä»˜å…¥åŠ›ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ä½¿ã£ã¦ã„ããŸã„ã§ã™ã。 涼ã—ã„風ãŒå¹ã„ã¦ã„ã¾
ã€ãƒã‚¦ãƒ„ー】ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹Accordion　-　アコーディオンã§ã¯ã˜ã‚る動的メニュー (1) ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹Accordion - メニューを動的ã«è¡¨ç¤ºã—ã¦ã¿ã‚ˆã†! | パソコン | マイコミジャーナル
Accordionã¨ã¯? Accordionã¯ã€æ¥½å™¨ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚ˆã†ã«ä¾‹ãˆã°ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚ˆã†ãªç‰¹å®šã®ã‚¨ãƒªã‚¢ã‚’é–‹é–‰ã—表示ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚特ã«Accordionã®å ´åˆã¯ã€ä¸€èˆ¬çš„ã«è¦‹ã‚‰ã‚Œã‚‹ç¸¦æ–¹å‘ã®é–‹é–‰ã ã‘ã§ãªãã€æ¨ªæ–¹å‘ã«ã‚‚é–‹é–‰ã§ãã€é™ã‚‰ã‚ŒãŸé ˜åŸŸã‚’有効ã«æ´»ç”¨ã§ãã¾ã™ã€‚ã¾ãŸã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ä¸ã‚’ã•ã‚‰ã«å…¥ã‚Œåã«ã—ã¦ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®è¡¨ç¤ºãŒã§ãã‚‹ã®ã§ã€ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¢—ãˆã‚‹ã®ã‚‚利点ã®1ã¤ã§ã™ã€‚ Accordionã¯å˜ç‹¬ã§ã¯å‹•ä½œã›ãšprototype.jsã€script.aculo.usã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ©ã‚¤ãƒ–ラリãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ã“れらã®ãƒ©ã‚¤ãƒ–ラリã¯Accordionã«åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€åˆ¥é€”ダウンãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。Accordionã¯ã“ã®URLã«ã‚るページã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ Accordionã®å…¬å¼ã‚µã‚¤ãƒˆ 「アコーディオンã€ã‚¿ãƒ–ã®ã€ŒDownload the code!ã€ã¨æ›¸ã‹ã‚Œã¦ã„ã‚‹
ã€ãƒã‚¦ãƒ„ー】ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹ModalBox - ModalBoxã§ã¤ãã‚‹MacOS X風ダイアãƒã‚° | パソコン | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事ã®ç„¡æ–転載をç¦ã˜ã¾ã™
Protoculous : Prototype & Scriptaculous lightweight !
Welcome to Protoculous Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Using some different compression tools, I have succeeded to compress both librairies together to obtain the best compression rate ! Latest version Latest available version is protoculous-2.0.zip containing Prototype 1.7 and Scriptaculous 1.9.0 (protoculous file size : 158Ko) Arch
ã€ãƒã‚¦ãƒ„ー】ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹LITBox - ダイアãƒã‚°ã‚‚スタイリッシュã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º (1) ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹LITBox - ダイアãƒã‚°ã‚‚スタイリッシュã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º | パソコン | マイコミジャーナル
LITBoxã¨ã¯? LITBoxã¯Ajax(éžåŒæœŸé€šä¿¡å‡¦ç†)を利用ã—ã¦Webページをページ内ã«è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚LITBoxã¯ãƒšãƒ¼ã‚¸å†…ã«ç‹¬è‡ªã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’生æˆã—ã€ãã®ä¸ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã—ã¾ã™ã€‚ã¾ãŸã€ã‚¢ãƒ©ãƒ¼ãƒˆãƒ€ã‚¤ã‚¢ãƒã‚°ã‚„確èªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚‚サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§ã€è‡ªåˆ†ã®Webサイトやブãƒã‚°ãªã©ã«æ¥ã¦ãã‚Œã¦ã„るユーザーé”ã«ã€å°‘々地味ãªJavaScriptデフォルトã®ã‚¢ãƒ©ãƒ¼ãƒˆãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’使ã£ã¦ã„ã‚‹å ´åˆãªã©ã«ã¯åŠ¹æžœçš„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 LITBoxã¯ãƒ©ã‚¤ãƒ–ラリã«prototype.jsã¨script.aculo.usを使用ã—ã¦ã„ã¾ã™ã€‚prototype.jsã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.5.0以é™ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚LITBoxã¯ã“ã®URLã«ã‚るページã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ LITBoxã®ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆ Here is the source.ã®éƒ¨åˆ†ã‚’クリックã™ã‚‹ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ ページã®O
jQuery版script.aculo.usã®ã€ŒInterface elementsã€ãŒã™ã”ã„:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usã®ã€ŒInterface elementsã€ã€‚ script.aculo.us åŒæ§˜ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リートã®ã»ã‹ã€ ３Dアニメーションã€ã‚¢ã‚¤ãƒ†ãƒ é¸æŠžç”¨UIã€ãƒ†ã‚ストエリアリサイズã€ãƒ„ールãƒãƒƒãƒ—ヒントã€MacOS X ã® Dock 風UI を実装ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリãŒåŒæ¢±ã•ã‚Œã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ã®ãƒ‡ãƒ¢ã‚’使ã£ã¦ã¿ã‚Œã°ãã®ã™ã”ã•ãŒåˆ†ã‹ã‚‹ã¯ãšã€‚ Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
Accordion v1.0 Demo
МоÑтбет ÑайтМоÑтбет Ñайт — Ñто молодой реÑурÑ, который идет Ñемимильными шагами к доÑтижению наивыÑшего качеÑтва. ЧиÑло пользователей которые поÑещают Ñайт раÑтет Ñ ÐºÐ°Ð¶Ð´Ñ‹Ð¼ днем и большое количеÑтво задумываетÑÑ Ð¾ том, чтобы Ñоздать профиль и начать делать Ñтавки. Ðта ÑÑ‚Ð°Ñ‚ÑŒÑ Ð¿Ñ€ÐµÐ´Ð½Ð°Ð·Ð½Ð°Ñ‡ÐµÐ½Ð° Ð´Ð»Ñ Ñ‚ÐµÑ… кто еще раздумывает или проÑто не знает как начать потому что еще не имеет опыта Ñ Ñтим видом онлайн ра
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.nickstakenburg.com/playground/scriptaculous/tooltip/
http://youmos.com/news/reflector
{{#tags}}- {{label}}
{{/tags}}