View Full Version : Fading scroller overlay...

02-13-2009, 10:48 AM
1) Script Title: Fading scroller

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/fadescroll.htm

3) Describe problem: Hi, this is my first post, so please be gentle! :) I want to modify the fading scroller script so that it appears over a transparent image. Similar to example 3 here (http://www.w3schools.com/Css/css_image_transparency.asp) The only exception is that I don't want the text to be contained in a fixed size transparent div, I would like the text to have a background color as if you have used a highlighter pen on it. Here is my current thoughts:

Use a div with opacity:0 as my container and then put a span around my text with the following style:

background-color:#fff; /* for IE */filter:alpha(opacity=60);/* CSS3 standard */ opacity:0.6;

Secondly, how do I slow down the fading. I would like the whole div to disppear for a period say 1000ms as if were a popup.

Thirdly, I would like the div to appear in a different position once it reappears.

I'd appreciate any help on this, even if you can just confirm that my ideas are possible! :)

I hope I've made sense!