javascript - Highlight multiple items on hover's condition - Stack Overflow

admin管理员组

文章数量:1391960

Okay sorry for the title, wasn't too sure how to phrase it.

So we have a project going, and we are offering multiple incentives depending on what people donate (similar to Kickstarter if you know what that is).

Anyway, what we have ben trying to figure out is when someone hovers on one price range we want the items they will receive to have full opacity, and then the same for the further down donation values.

Maybe the image will make more sense..

So the blue is the hover, and when you hover over the "$1+", items 1, 3, 4 are opaque. But when you hover over the "$15+" only items 1, 3 are opaque.

There are around 20 items, and 15 price brackets, all in which are interlinked with one another.

I assume this has to be one in JS, something I know nothing about.

Thank you :]

Edit: Thank you for all the tips. I have pleted the project with the css3 :not

And the fallback will be JS

Okay sorry for the title, wasn't too sure how to phrase it.

So we have a project going, and we are offering multiple incentives depending on what people donate (similar to Kickstarter if you know what that is).

Anyway, what we have ben trying to figure out is when someone hovers on one price range we want the items they will receive to have full opacity, and then the same for the further down donation values.

Maybe the image will make more sense..

So the blue is the hover, and when you hover over the "$1+", items 1, 3, 4 are opaque. But when you hover over the "$15+" only items 1, 3 are opaque.

There are around 20 items, and 15 price brackets, all in which are interlinked with one another.

I assume this has to be one in JS, something I know nothing about.

Thank you :]

Edit: Thank you for all the tips. I have pleted the project with the css3 :not

And the fallback will be JS

• javascript
• css
• hover

Share Improve this question Follow edited Mar 12, 2012 at 0:42 markb asked Mar 6, 2012 at 0:21 markbmarkb 1,31511 gold badge2121 silver badges6262 bronze badges 3

• Well, what does your HTML look like? – BoltClock Commented Mar 6, 2012 at 0:22
• This is probably best done with classes. Have a class for each "category" and assign classes to each item depending on whether they belong to that category. On hover, highlight (or whatever) all items with the related class. – Felix Kling Commented Mar 6, 2012 at 0:25
• Re: we have ben trying to figure out -- so... did "ben" ever figure it out?

  本文标签： javascriptHighlight multiple items on hover39s conditionStack Overflow

  版权声明：本文标题：javascript - Highlight multiple items on hover's condition - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744734706a2622255.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。