Enterprise Strategy Group: Go-to-market Expertise to Help You Win
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
JavaScriptã¨CSSを使ã£ãŸã‚¯ãƒ¼ãƒ«ãªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸BOX:phpspot開発日誌
Crossfade DIV Demo For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done. JavaScriptã¨CSSを使ã£ãŸã‚¯ãƒ¼ãƒ«ãªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸BOXã®ãƒ‡ãƒ¢ã€‚ ライブラリã¯scriptaculousを使用。 スクリプト自体ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€å˜ç´”ã«setIntervalã§ã‚¿ã‚¤ãƒžãƒ¼ã‚’ã¾ã‚ã—ã¦scriptaculousã®Effect.fade / Effect.appear ã§å„DIVを切り替ãˆã¦ã„ã‚‹ã ã‘ã®ã‚ˆã†ã§ã™ã€‚ デモサイト上ã®ã‚½ãƒ¼ã‚¹ã‚’ã¿ã‚Œã°ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒãªã„æ–¹ã§ã‚‚実装ã§ããã†ã§ã™ã€‚ WEBデザイン時ã®ã¡ã‚‡
Prototype.js を使ã£ã¦ã€MovableTypeã§æœ€æ–°è¨˜äº‹ã‚’表示ã™ã‚‹ï¼šGoodpic
This shop will be powered by Are you the store owner? Log in here
slash7 with Amy Hoy » Blog Archive » Scriptaculous Cheat Sheet #1
Posted on April 22, 2006, 10:12 pm, by Amy Hoy, under ajax, tips and tricks. Into JavaScript? Have I got good news for you! If you’re interested in JavaScript-driven web apps, snazzy visual fx, and generally confusing people into thinking your site is Flash—but oh-so-much better—you should buy our JavaScript Performance Rocks! book while it’s still in beta. Written by Thomas Fuchs, the creator of
script.aculo.usã®Effectã§æ–‡å—ãŒæ»²ã‚€ã€ã¼ã‚„ã‘ã‚‹(IE) - Enjoy*Study
script.aculo.usã®Effect(Effect.Fadeã‚„Effect.Apperãªã©ã®ã‚ˆã†ãªã€é€éŽçŽ‡ãŒå¤‰ã‚ã‚‹ã‚‚ã®)ã«ã¦ã€IEã®å ´åˆã«æ–‡å—ãŒæ»²ã‚“ã よã†ã«ã¼ã‚„ã‘ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ script.aculo.us - web 2.0 javascript background-colorãŒè¨å®šã•ã‚Œã¦ã„ãªã„è¦ç´ ã«å¯¾ã—ã¦Effectã‚’è¡Œã£ãŸå ´åˆã«ç™ºç”Ÿã—ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚ã€å¿…ãšç™ºç”Ÿã™ã‚‹ã‚ã‘ã§ã‚‚ç„¡ãã€æ–‡å—ã®ã‚µã‚¤ã‚ºã‚„ã€è§£åƒåº¦ã«ã‚ˆã£ã¦ã‚‚変ã‚るよã†ã§ã™ã€‚ 下記ã«ã‚µãƒ³ãƒ—ルをãŠãã¾ã—ãŸã®ã§ã€IEã§è¡¨ç¤ºã—ã¦ã¿ã¦ãã ã•ã„。 script.aculo.usã®Effectã§æ–‡å—ãŒæ»²ã‚€ã€ã¼ã‚„ã‘るサンプル ç§ã®ãƒžã‚·ãƒ³(解åƒåº¦ï¼šSXGA)ã§ã¯ã€ã€ 15px：å•é¡Œãªã— 18px：英数å—ã®ã¿æ»²ã‚€ã€‚ 25px：全ã¦ã®æ–‡å—ãŒæ»²ã‚€ã€‚ ã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ background-colorãŒè¨å®šã—ã¦ã‚ã‚Œã°æ»²ã¾ãªã„ã®ã§
scriptaculous ã®ãƒ‡ãƒ¢ã‚’ãƒãƒ¼ã‚«ãƒ«ã§å®Ÿè¡Œã™ã‚‹ - 2nd life (移転ã—ã¾ã—ãŸ)
http://rails2u.com/misc/scriptaculous/test/functional/ scriptaculous 1.5.2 ãŒå‡ºã¾ã—ãŸã。主ãªå¤‰æ›´ç‚¹ã¯ scroll ã® drag & drop ãŒã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸã¨ã‹ã€‚ã§ã€scriptaculousã®ã‚µã‚¤ãƒˆã‚’見ã¦ã‚‚新機能ã®ãƒ‡ãƒ¢ã¯è¼‰ã£ã¦ã¾ã›ã‚“。ãã‚“ãªã¨ãã¯ãƒãƒ¼ã‚«ãƒ«ã§å‹•ã‹ã—ã¦è¦‹ã‚‹ã®ãŒãŠæ‰‹è»½ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ 方法ã¯scriptaculousã®ãƒ‘ッケージã«å«ã¾ã‚Œã‚‹ test/functional/index.html*1 ã‚’é–‹ãã ã‘ã§OK。ãã“ã‹ã‚‰ãƒªãƒ³ã‚¯ãŒå¼µã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã„ã‚ã„ã‚ãªãƒ‡ãƒ¢(test)を見るã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã€ä»Šå›ž1.5.2ã§å®Ÿè£…ã•ã‚ŒãŸ scroll ã® drag & drop 機能ãªã‚‰ http://rails2u.com/misc/scriptaculous/test/functional/dragdr
å·o・-・）＜2nd life script.aculo.usã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’軽減
http://www.goodpic.com/mt/archives2/2006/02/ajax.html ã§ç´¹ä»‹ã•ã‚Œã¦ã‚‹é€šã‚Šã€script.aculo.usã¯é€šå¸¸ã®ãƒãƒ¼ãƒ‰ã§ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒ100KBを超ãˆã¾ã™ã€‚ã—ã‹ã—ã€ãã‚Œã¯ãƒ•ãƒ«ã§ãƒãƒ¼ãƒ‰ã—ãŸã¨ãã®å®¹é‡ãªã®ã§ã™ã€‚script.aculo.usã¯ãƒãƒ¼ãƒ‰ã™ã‚‹ãƒ‘ッケージをé¸ã¶ã“ã¨ãŒã§ãã‚‹*1ã®ã§å¿…è¦ãªæ©Ÿèƒ½ã ã‘ã‚’é¸ã¹ã°è‰¯ã„ã®ã§ã™ã€‚例ãˆã°ã€ãŸã„ã¦ã„ã®å ´åˆã¯script.aculo.usã®effects.jsã ã‘ã—ã‹ä½¿ã‚ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§ <script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script> ã¨ã™ã‚Œã°OK。ã“ã‚Œã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯34KBã«åŽã¾ã‚Šã¾ã™ã€‚ã¾ãŸã€äºŒã¤ä»¥ä¸Šã®ãƒ‘ッケージをé¸æŠžã—ãŸã„å ´åˆã¯ <script src="/js/scriptac
Script.aculo.us 1.5 ã® Autocompleter ã‚’ Operaã€Netscape ã«å¯¾å¿œã•ã›ã¦ã€æ—¥æœ¬èªžå…¥åŠ›ã«ã‚‚対応ã•ã›ã¦ã€ã¡ã‚‡ã£ã¨ã ã‘高速化ã™ã‚‹æ–¹æ³• - IT戦記
ã“ã®ã‚³ãƒ¼ãƒ‰ã‚’ Script.aculo.us ã‚’èªã¿è¾¼ã‚“ã 後ã«èªã¿è¾¼ã‚€ã€‚ // Script.aculo.us æ‹¡å¼µ Object.extend(Autocompleter.Base.prototype, { // for Opera ___pressReturn : false, // for Opera & Japanese // ã‚‚ã¨ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã‚’退é¿ã•ã›ã‚‹ ___grandBaseInitialize: Autocompleter.Base.prototype.baseInitialize, // for Opera & Japanese baseInitialize: function() { // ã‚‚ã¨ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã‚’呼ã³å‡ºã™ this.___grandBaseInitialize.apply(this, $A(arguments)); // for Japanese /
Prototype.js ãŠã‚ˆã³ Script.aculo.us ã‚’ã‘ã£ã“ã†é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³• - IT戦記
$A $A ã¨ã„ã†é–¢æ•°ã‚’使ã†ã¨ã€Array ã‚‚ã©ãオブジェクト(NodeList ã‚„ Arguments ãªã©)ã‚’ Array オブジェクト化ã™ã‚‹ã“ã¨ãŒã§ãる。便利ã ãŒã€ã“ã®é–¢æ•°ã‚’ Enumerable インタフェースを実装ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã™ã‚‹ã®ã¯ã€ã‚ãらã‹ã«ãŠã‹ã—ã„。 ãã“ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã‚’定義ã—ã¦ã¿ã‚‹ã€‚ var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };ã“れを〠$A(〜).each ã¨ã‹ã—ã¦ã‚‹ã¨ã“ã‚ã«ä½¿ã†ã€‚ $E(〜).each ã“ã†ã™ã‚‹ã€‚ $E ã®å®Ÿè¡Œé€Ÿåº¦ã¯ $A ã® 7 〜 4 å€ã§ã™ã€‚ with(Element) effects.js ã® w
presentacular - Adding effects to S5 with script.aculo.us
Presentacular Presentacular adds script.aculo.us visual effects to slide shows created with S5. It has the same advantages than S5 for creating slide shows: printer-friendly version, simple and semantic markup and portable across the most modern browsers. Adding effects First of all you’ll have to create an S5 slide show. If you are new to S5, A Basic Primer in Using S5 can be useful to you. Next,
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
script.aculo.us Reflector
{{#tags}}- {{label}}
{{/tags}}