Motyar

Colored mouse trails with jQuery Animate

I want to share one more jQuery animation with you. I named it Colored mouse trails.
Feel free to edit code and use it. I would love to see your creative work, so please share in comments if you make something amazing.

Labels: , ,

By :

11 comments

#

Blogger Beben Koben says…

hihihi so attractive...hohoho
like like
 
#

Blogger Poonam says…

Awesome!!
and Thanks for http://jsbin.com/etimez.This is also very nice..
 
#

Anonymous Kumar Chetan Sharma says…

Attaching DOM elements this way can overload DOM.
 
#

Blogger Motyar D says…

@Kumar Chetan Sharma Can you prove it? You must check the code first. The elements are being removed.
Your blog is nice.
Thanks
 
#

Anonymous Kumar Chetan Sharma says…

@motyar, sorry dude, just got lost with some thing and didn't follow up my comment. I checked the code and not arguing any thing with you. Whatever I am about to tell you is what I found on FireFox12 on Debian on HP EliteBook6930p with 4GB RAM. Continuously move mouse on your web page. By every mouse move you append a span and though you do remove it after 2 secs but I have moved my mouse frantically on the page. End result, lag, CPU usage touches 100%. Nothing personal, just an observation. Every DOM manipulation has a cost associated with it.
 
#

Anonymous Justin says…

Hi,

It's a fine work coloured trail of mouse. I have customized it some style changes. But when we move our mouse to bottom or right of screen(border) i.e mouse exactly is in border line, it shows an jumping effect. How to remove it?

Please see the demo http://jsbin.com/asadeb/1/edit
 
#

Blogger Motyar D says…

@justin Put the CSS code
body {
overflow-y:scroll;
overflow-x:scroll;
}
check
http://jsbin.com/asadeb/3
 
#

Anonymous Justin says…

When a webpage doesn't need a scroll and if we force scroll by adding overflow:scroll, only to bring this mouse trail effect doesn't look good at design point of view.
 
#

Blogger Motyar D says…

@justin Put overflow: hidden on body.
 

Post a Comment