Interesting Mouseover effect

strob3

I was flipping through some anime pages and I came across this page that had an interesting mouseover effect. Im pretty new to html and javascript so i couldnt figure this out. When you put your mouse over a text link, the letters would blur really fast and come back to normal text. it was done using php and i couldnt find any scripts or tutorials that show anything close to what im looking for. It was a really smooth effect and i immediately thought it was a gif or sumthing, but it was something happening to plain text. It was like it zoomed in to the highest level and then stepped down back to normal really fast. was wondering if anyone had seen anything like this before or if its a simple technique that comes with learning php. any help would be great.

jpmoriarty

it wont be php - php is a server side language that generates html and jpegs and so on. It could be flash, or just an animated gif that's called by a javascript onmouseover event.

But it wont be php code.

strob3

well i looked at the source and it was using php, there was no script in the link area, just something callin a php fucntion or whatever....i know nothing about php......yet 😛

strob3

i assume that if it was java i could see the actual script when i look at the source. but there was nothing. i even mailed the webmaster but he wasnt very nice to me. if it was right there in the source i could figure it out, but its not. and as i understand it, php is server side, so i would assume that since the script isnt visible by me, it must be some kind of php

jpmoriarty

yeah but the thing about php is that you dont usually really know that it's php, apart from the extension of the file - it will dynamically generate the html so if you look at the source it will look at html. possibly they're using php to generate a gif or jpeg image, but any fancy effects will be client side (javascript).

if you give us a link we'll be more help

strob3

BAH

strob3

there is no way they made an animated gif for like 50 different lines of text. it has to be a script affecting the text because its using information that changes. using a database or whatever. which is probably why its in php...and i know its not some effect that happens on my side cause there was nothing in the code. the only thing in the links were something callin on php

jpmoriarty

any chance we could see a link?

php can dynamically generate gif's so i guess it could be generating animated ones - but again i could be wrong. Would be able to admit my mistake if you told me where the pic in question was.

strob3

http://www.anime-keep.org/

they changed it today............

no idea why

but all the text links at the top are the same
news, projects, members, etc and they would do that effect when you hovered over them, and all the links to info in the projects area would do it too(not anymore). i know it has something to do with php, i thought it could be doing something like generating a gif like you said or whatever, but it doesnt seem like its a gif. someone asked in their forums about it and they said search for blur effect. which i did in many combinations for the last 2 days, and still havent found anything relevant

the source of it now looks almost exactly the same, the area where the links are says the same thing. showproject php something blah

jpmoriarty

hummm, shame

strob3

wouldnt matter if it was still working or not because the source is the same. the only thing is you could actually see it. but from looking at the source i and a buncha ppl i know have not been able to figure it out..

strob3

is there a tutorial on php text effects somewhere? ive searched but havent found anything like what im looking for. id just like to see the different things you can do with plain text using php. ill figure it out from there

jpmoriarty

well all the source that i can see is pretty standard html, and all the pics are jpegs. Which bits were animating before - the ones on the left?

strob3

the top links

News . Projects . Members . Forum . Codec . Download

and then under projects. all the project names would do it too.

so it was something happening to all the links. in fact even the link to their affiliates in the botoom left did it. the baka updates jpg. so its some kind of php function or something im guessing...

jpmoriarty

humm - however they did it they've opted to revert back to just standard html. Maybe that's because it was getting too demanding to create individual gifs or something?

Guess we'll never know if they wont tell you!

I welcome anyone else's comments, but would bet my life on it not being php - anything like a shudder effect caused by a mouseover would have to be javascript or flash or something client side - php executes the code and then sends it to the browser, so there's no way that it could detect you moving a mouse over a link. i suppose it could possibly switch the image to a php generated gif, but again that would have to be done by javascript - there'd have to be some element of client side scripting happening to spot the mouseover event.

In fact, if you check out this link to their board, you'll see the post from "chocobo" (a member of the A-K Staff) which says

its known as javascripting, and no you cant steal it from us either and no i wont let you borrow it either.

strob3

if its j/s why cant i see it.........

jpmoriarty

because as you said they've changed the site. all the links are text now, and dont do anything fancy when you move the mouse over them.

suntra

Have a look to this link : http://msdn.microsoft.com/workshop/author/filter/reference/filters/blur_1.asp

strob3

jp, the html was exactly the same before as it is now......so i dont see what youre saying. nothing changed in the links from what i see in the source, but the effect is gone.

strob3

suntra: i dunno, it wasnt really like that. it was really pixelated....im gonna fool around with that though and see what happens. thanks )