作者beerson (啤酒僧)
看板Web_Design
标题[问题] CSS:hover 後更改其他class的属性
时间Mon Sep 9 11:59:16 2013
最近在练习网页排版,顺便增加一点特效
特效内容是当滑鼠滑过某个div时,将令两个div分别显示为display:block和display:hidden,目前我是用jQuery的hide()和fadeIn()函试来操作,是可以达到效果,但是总觉得这种简单的特效应该可以使用纯css来表达吧?
第一个想法是用hover元素改变其他的class来作成效果,但我不知道要怎麽写......@@所以来请教版上神人们~~~
此外css能不能做到fadeIn()的效果呢~?
感谢各位指教噜!!
--
Sent from my Android
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 49.214.105.9
2F:→ lyforever:要用hover 要外面再包一层element .. 09/09 13:05
4F:→ lyforever:fadein 应该是没问题 就用css animate就可以了 09/09 13:07
5F:推 aspdoctor:在两个div上包一个共同的父元素做hover,淡入用transiti 09/09 13:20
6F:→ aspdoctor:on,不过这样display应该会干扰到效果,既然有简单的fad 09/09 13:20
7F:→ aspdoctor:eIn能用,还是不要绕远路吧 09/09 13:20
8F:推 StarTouching:css的范畴不包括物件间的沟通 09/10 00:55
9F:→ StarTouching:这个例子我会毫不犹豫使用js/jquery 09/10 00:55
10F:→ Rplus:css 会有较多的dom及结构限制/浏览器兼容问题 09/10 01:11
11F:→ Rplus:建议问这类问题将浏览器兼容程度注记 不然解答会较无效率 09/10 01:12
12F:→ Rplus:ps: jQ的fadeIn 不只是处理透明度 css要实作要用animation 09/10 01:15
13F:→ danny8376:CSS能做得到只有hover後对子元素产生效果 09/10 03:00
14F:→ danny8376:如果要变话的不是子元素的话还是用JS吧 09/10 03:00
16F:→ superpai:参考看看 09/10 10:43