Code for image that movies with page (floating?)

hello,
i have a blog and im looking to add an image in the top right hand that movies down when people scroll and links to another page. ive tried to search for this code on google but perhaps im using the wrong term to describe what im looking for. im not refering to the background. im trying to add a small image on the top right corner that will move along with everything as people scroll down (but will not be bouncing around as ive seen when i searched floating image). can you guys help me find the code for this or tell me what the technical term is so i can search for it? thanks in advance!

 

Try this: http://www.dynamicdrive.com/dynamicindex4/logo.htm

You have to edit the JS file.

setting: {orientation:[COLOR="Red"]4[/COLOR], visibleduration:20000, fadeduration:[1000, 500]}, //orientation=1|2|3|4, duration=millisec, fadedurations=millisecs
offsets: {x:10, y:10},//offset of logo relative to window corner
logoHTML: '<a href="http://www.dynamicdrive.com" title="Dynamic Drive"><img src="[COLOR="Red"]logo.gif" style="width:50px; height:47px; border:0[/COLOR]" /></a>', //HTML for logo, which is auto wrapped in DIV w/ ID="mysitelogo"

Code (markup):

Change the stuff in red

For the orientation, change the 4 to 2 if you want it in the top right corner

 

mark, i cant upload the js file since im hosting through blogger, is there a way to work around this? or perhaps a different method of doing it?

thanks for your help

 

Simple, use fixed positioning:

<a href="#"><img id='fixedImage' src='fixedImage.jpg' /></a>

#fixedImage {
	position: fixed;
	right: 0;
	top: 0;
}

Code (markup):

Or if you want to use inline styling:

<a href="#"><img style="position: fixed; right: 0; top: 0;" src='fixedImage.jpg' /></a>

Code (markup):

 

the inline styling seems to be working. thank you very much.

 

maybe this could help:

http://www.jtricks.com/javascript/navigation/floating.html