So I have this site I'm working on, and I'm using Javascript to dfine an array of descriptions of links for resources. I like the effect I'm getting, but was wondering if there is a way to accomplish the idea with CSS.
I've seen people do simple rollovers with CSS, to change images or something like that, but havn't seen an effect like this yet. Just wondering if it is possible, and if so, if it would be easily expandable.
Here is the page in question
<!-- m --><a class="postlink" href="http://www.alloydesignworks.com/adwweb/grace/redesign/resources.htmlI">http://www.alloydesignworks.com/adwweb/ ... rces.htmlI</a><!-- m --> don't know all of css by any means but I don't think it can do this.
Nice effect by the way.Are you talking about the color/style change onmouseover of a link?
Yes you could do that in CSS.
Define 2 classes. 1 class for regular links, and another class for the style of the links onmouseover.
Then you could use hover: to change classes when the mouse is over the link.No, I think he's talking about something further down. Where you move you're mouse over a link and a description appears in a box next to it.Yes, I'm talking about the descriptions
on mouse over at the bottom. Although I am rewriting the code now to use CSS to highlight the links in the left column, but I think I still need to use JS to do the descriptions. on the right.I think you could do that with CSS, but it would be a little hmm I dunno what the word is, it wouldn't be as "clean" as javascript.
You could make a div for each description and use display:none so it wont show up, onmouseover change display:none to display:block.I was looking through the CSS threads and I found this new one: access of css class fields by : chuvak
And I think that it may have some relevance to your post, he basically want's to change the color of text in a div tag when the mouse hovers over something else. If he were to find an answer, you could modify it so that you could display/hide the relevant text in your description area.
Just thought I'd mention it.
I've seen people do simple rollovers with CSS, to change images or something like that, but havn't seen an effect like this yet. Just wondering if it is possible, and if so, if it would be easily expandable.
Here is the page in question
<!-- m --><a class="postlink" href="http://www.alloydesignworks.com/adwweb/grace/redesign/resources.htmlI">http://www.alloydesignworks.com/adwweb/ ... rces.htmlI</a><!-- m --> don't know all of css by any means but I don't think it can do this.
Nice effect by the way.Are you talking about the color/style change onmouseover of a link?
Yes you could do that in CSS.
Define 2 classes. 1 class for regular links, and another class for the style of the links onmouseover.
Then you could use hover: to change classes when the mouse is over the link.No, I think he's talking about something further down. Where you move you're mouse over a link and a description appears in a box next to it.Yes, I'm talking about the descriptions
on mouse over at the bottom. Although I am rewriting the code now to use CSS to highlight the links in the left column, but I think I still need to use JS to do the descriptions. on the right.I think you could do that with CSS, but it would be a little hmm I dunno what the word is, it wouldn't be as "clean" as javascript.
You could make a div for each description and use display:none so it wont show up, onmouseover change display:none to display:block.I was looking through the CSS threads and I found this new one: access of css class fields by : chuvak
And I think that it may have some relevance to your post, he basically want's to change the color of text in a div tag when the mouse hovers over something else. If he were to find an answer, you could modify it so that you could display/hide the relevant text in your description area.
Just thought I'd mention it.