swf file to html-css-js

I don't know if stackoverflow is the correct place for this question. If not, feel free to move it in the correct site.

I have two swf files:

http://www.austintxgaragedoor.com/special-mail.swf

http://www.austintxgaragedoor.com/special.swf

My client wants to convert them to something so the text will be in the html code. I thought to use two gif files. When the user hover the specific div then the second gif replace the 开发者_StackOverflow社区first and gives the effect. The text will be positioned with css. I am not sure if this a proper way to do it, or there is a better way.

What is your opinion?

Yes, you could probably but this together using 3 gif files: 1 for the static image, 1 animated gif with the in-sweep, and 1 animated gif with the out-sweep... and use JavaScript/Jquery to switch between these images based on hover state. Static at first, sweep-in on mouse-over, and sweep-out on mouse-out.

This may be unwanted advice but if possible, I would recommend that you urge your client to allow you to just use a simple CSS hover and changing either basic styling or swapping a background image - which you can do in a couple of minutes. Your client may not be understanding that having this specific effect won't cause any more people to click on it.