| | |
Background-image position change with smooth
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Oct 2006
Posts: 2
Reputation:
Solved Threads: 0
Hi folks,
I am trying to creat a tab mouse over effect using a background-image positioned with css and like to change the position with a smooth animation from one position to another posiotion.
is this can be done?
should i need use Javascript ? else there are some other way of doing it?
Please give me some idea?
Thank you in advance.
I am trying to creat a tab mouse over effect using a background-image positioned with css and like to change the position with a smooth animation from one position to another posiotion.
is this can be done?
should i need use Javascript ? else there are some other way of doing it?
Please give me some idea?
Thank you in advance.
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Solved Threads: 12
hmmm...
You oculd try using and animated gif/png file....
use a Static image for the initial, and replace it with the animated file on hover, (may not work in all browsers!).
You could use JS to fade in an image using some of the JS effects, (try not to use IE only ones though).
Flash is an alternative - but probalby not worth the effort (as you should provide a fall back if Flash is disabled or not present = otherwise the links will be covered over by the "no Plugin" detail!)
You oculd try using and animated gif/png file....
use a Static image for the initial, and replace it with the animated file on hover, (may not work in all browsers!).
You could use JS to fade in an image using some of the JS effects, (try not to use IE only ones though).
Flash is an alternative - but probalby not worth the effort (as you should provide a fall back if Flash is disabled or not present = otherwise the links will be covered over by the "no Plugin" detail!)
![]() |
Similar Threads
- change input's bg image with js (JavaScript / DHTML / AJAX)
- CSS - strech a background image? (Site Layout and Usability)
- background image alignment (HTML and CSS)
- Hover Image Position ??? (HTML and CSS)
- background image - help (HTML and CSS)
- problem with background image repeat-y (HTML and CSS)
- Background image flickers in IE.... (JavaScript / DHTML / AJAX)
Other Threads in the HTML and CSS Forum
- Previous Thread: bottom: 0px doesn't get the div to the bottom
- Next Thread: menu bar for bottom of website - dreamweaver
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7





