Magic CSS3 animations by miniMAC - minimamente
Come sapete, amo molto il linguaggio CSS ed in particolare mi piace sempre andare oltre, in questo caso ho voluto creare un pacchetto di animazioni in CSS3 che potrete usare liberamente per i vostri scopi e quindi nei vostri progetti web, si chiama Magic! Il progetto è hostato anche su GitHub, questo per avere i migliori pareri dai migliori sviluppatori e quindi migliorare il codice, renderlo il p
lake.js
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
jQuery.fx.offã§ã™ã¹ã¦ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’カット
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / jQueryã®opacityアニメã¨IE6,7,8 - Takazudo hamalogã§ã‚‚昔書ã„ãŸã®ã ã‘ã©ã‚‚ã€IE8以下ã§ã¯opacityã«å¯¾å¿œã—ã¦ã„ãªã„ã®ã§ã€jQueryã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—よã†ã¨ã™ã‚‹ã¨ã€è‰²ã€…ãªã“ã¨ãŒé¢å€’。ãã“ã§ã€ã°ã£ã•ã‚ŠIE8以下対応をã•ã£ã•ã¨ã‚„ã‚‹ã®ãŒä»¥ä¸‹ã€‚ã©ã†ã®ã“ã†ã®ã§ãƒ–ラウザ判別ã§ã‚‚ã—㦠if (ieLessThan9){ jQuery.fx.off = true; }jQuery.fx.off = true ã«ã™ã‚Œã°ã€ã™ã¹ã¦ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸€çž¬ã§çµ‚ã‚るよã†ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã§fadeã—ãŸæ™‚ã§ã‚‚一瞬ã§å¤‰ã‚ã‚‹ã‹ã‚‰å•é¡Œãªã—ã ãœã‚¤ã‚§ã‚¤ã£ã¦ãー。 ※ã“ã‚Œã¯ã‹ãªã‚ŠUIã«é–¢ã™ã‚‹JS
jquery cssプãƒãƒ‘ティ拡張
ã¿ã‚“ãªãƒãƒ©ãƒãƒ©ã§ã‚ã‚“ã©ã„ã。 ç°¡å˜ã«ä½¿ãˆã‚‹ã‚ˆã†ã«çµ±ä¸€ã—よã†ã€‚ rotate.js使ãˆã°ç°¡å˜ã«è¡Œã‘るよ! jQuery ã®ãƒ—ラグインã¨ã—ã¦å®Ÿè£…。 rotate.js ã‚’èªã¿è¾¼ã‚ã°ãŠk ç°¡å˜ã§ã™ã。 ブラウザ対応状æ³ã¨ã‹è€ƒãˆãªãã¦ã‚‚OK。 ライブラリãŒé•ã„を全部å¸åŽã—ã¦ãれるよ。 ã‚ã‚“ã©ã„ cssã¨ã‹ 書ãã®ãŒã‚ã‚“ã©ã„。 ç°¡å˜ã ã。 jQuery ã® cssプãƒãƒ‘ティを æ‹¡å¼µã™ã‚‹ã‚“ã よ! ã§ã‚‚ã€
jQuery LavaLamp Demos - a jQuery animated menu plugin
Classic Spaceship Demo - introducing returnHome and homing features - Ease In - returnHome is set to false by default, this keeps the lavalamp where you last clicked. The absolute home position (in relation to the parent UL) and size is set up via homeLeft, homeTop, homeWidth and homeHeight. Clicking the link below the menu will tell the lavalamp to move back to the home position, but does not cha
The Sexy Curls jQuery Plugin by Elliott Kember
The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. The source code is available at GitHub. Installation: First, make sure you're using jQuery and jQuery UI (version 1.5 works) You'll need the resizable package in jQuery UI. Then install the source code into a director
New jQuery plugin: “Fly Off Page†– James Padolsey
This post was originally going to be a discussion of the various design patterns used when creating jQuery plugins but while making an example for that very post I got a bit too engrossed in what was only meant to be an example… So, here is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direc
ブラウザã”ã¨ã®JavaScriptアニメーション比較
ã“ã“最近JavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹æ©Ÿä¼šãŒçµæ§‹å¢—ãˆã¦ããŸã®ã§ã™ãŒã€ã‚„ã£ã±ã‚Šãƒ–ラウザã«ã‚ˆã£ã¦é€Ÿåº¦ã¨ã„ã†ã‹å‹•ããŒã‹ãªã‚Šé•ã†ã®ã§ã€ãã®æ¯”較をメモメモ。 IE6.0 IE6.0ã¯ä»¥å¤–ã«ã‚‚アニメーション処ç†ã¯é€Ÿã„ã¨ã„ã†ã‹æ»‘らã‹ã§ã™ã€‚ å‰ã«ã‚‚JavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆanimate）ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã“ã¨ã§ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ä¸ã«ç”»åƒãŒãŸãã•ã‚“ã‚ã‚‹divã‚¿ã‚°ã‚’margin-leftã¨ã‹ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã¨æ¿€é‡ã«ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ position:absoluteã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‹ãªã‚Šèª¿å良ã„ã§ã™ã€‚ IE7.0 比較的å•é¡ŒãŒãªã„ブラウザã§ã™ã€‚ marginを使ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚å¼·ã„ã§ã™ã—ã€opacityを使ã£ã¦é€éŽã—ã¦ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã¨ã‹ã«ã‚‚å¼·ã„ã§ã™ã€‚ IE7.0ã¯é‡ã„é‡ã„ã¨ã„ã†è©±ãŒè‰¯ãã‚ã‚Šã¾ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é™ã£ã¦ã¯ãªã‹ãªã‹å‡ºæ¥ã‚‹ã‚„ã¤ã§ã™ï½— Fi
jQuery ã§ãƒšãƒ¼ã‚¸ã‚¹ã‚¯ãƒãƒ¼ãƒ« - daily dayflower
jQuery 1.2 以é™ã 㨠scrollTop（㨠scrollLeft）ã¨ã„ã†ç–‘似スタイルãŒåˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸã®ã§ï¼ŒjQuery UI を使ã‚ãšã¨ã‚‚，jQuery Core 本体ã ã‘ã§ãƒšãƒ¼ã‚¸å†…スクãƒãƒ¼ãƒ«ãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãŸã¨ãˆã°ï¼Œ <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページã®å…ˆé ã¸</a> </p> </body> </html> ã“ã®ã‚ˆã†ãª HTML ã§ã€Œãƒšãƒ¼ã‚¸ã®å…ˆé ã¸ã€ã¨ã„ã†ãƒªãƒ³ã‚¯ã‚’クリックã—ãŸã¨ãã«ï¼Œã‚¹ãƒ ーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã„ã®ãªã‚‰ï¼Œ $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi
Seek Attention - jQuery plugin - by James Padolsey
Please be aware that this page and it's functions will only work correctly if JavaScript is enabled. We have detected that you do not have JavaScript enabled... Ergo no demo for you! :-p Last updated: 17th September 2008, See related blog post Introduction PLEASE NOTE THIS IS AN EXPERIMENTAL PLUGIN. Known issues listed below. The "seekAttention" plugin gracefully get's your users attention by fadi
sphere.js (javascript spherical image effect)
Initialisation class "sphere" define the sphere size by adding isize followed by the desired size in pixel: Sphere size class "isize" - min=32 max=n default=auto vary the image by adding izoom followed by the desired zoom in percent: Image zoom class "izoom" - min=100 max=200 default=100 vary the image by adding ishift followed by the desired shift in percent: Image shift class "ishift" - min=1 ma
Flip! A jQuery plugin
Flip is a jQuery plugin to apply flip animation to any element.0.4.1 Fixed some regression in Chrome and Safari 0.4 Fixed some bugs with transparent color. Now Flip! works on non-white backgrounds! 0.3 Added the content setting: now you can define the next content of your Flip!box. 0.2 Fixed jQuery chainability and buggy innerText rendering (Thanks xNephilimx for your tips!) 0.1 Kick off
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Red Team Design
5509.me
GitHub - briancherne/jquery-hoverIntent: hoverIntent jQuery Plug-in
jQuery Background Test
{{#tags}}- {{label}}
{{/tags}}