使用CSS而不是Javascript的可扩展动态文件夹？ [英] Expandable dynamic folder using CSS instead of Javascript ?
问题描述
如果你知道使用CSS和显示功能的动态可扩展文件夹，
请给我留言
你的，
Mel
if you know of dynamic expandable folder using CSS and display function,
please drop me a note
Yours,
Mel
推荐答案
" Mel" < JM ** @ redolive.com>写道：
"Mel" <jm**@redolive.com> wrote:
如果你知道使用CSS和显示功能的动态可扩展文件夹，请给我留言
if you know of dynamic expandable folder using CSS and display function,
please drop me a note
因为CSS没有提供与一个元素交互的方式来改变另一个元素的风格，所以不能这样做。
-
Harlan Messinger
从我的电子邮件地址中删除第一个点。
Veuillez？ter le premier point de mon adresse de courriel。
Since CSS doesn''t provide a way for interaction with one element to
alter the style of another element, this can''t be done.
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ?ter le premier point de mon adresse de courriel.
Harlan Messinger< hm ******************* @ comcast.net>写道：
Harlan Messinger <hm*******************@comcast.net> writes:
" Mel" < JM ** @ redolive.com>写道：
"Mel" <jm**@redolive.com> wrote:
如果你知道使用CSS和显示功能的动态可扩展文件夹，请给我留言
if you know of dynamic expandable folder using CSS and display function,
please drop me a note
因为CSS没有提供一种与一个元素交互的方式来改变另一个元素的风格，这是不可能做到的。
Since CSS doesn''t provide a way for interaction with one element to
alter the style of another element, this can''t be done.
< div class =" ; upper">
< div class =" lower">
< / div>
< / div>
..较低{/ *默认样式* /}
..upper：悬停.lower {/ *改变样式* /}
显然，浏览器支持各不相同。我会毫不犹豫地说上面的请求
无法完成，但是需要付出相当大的努力来获得一个好的
实现如果可能的话。
-
Chris
<div class="upper">
<div class="lower">
</div>
</div>
..lower { /* default style */ }
..upper:hover .lower { /* altered style */ }
Browser support varies, obviously. I''d hesitate to say the request
above can''t be done, but it''d take quite a bit of effort to get a good
implementation of it if it is possible.
--
Chris
Chris Morris< c。 ********@durham.ac.uk>写道：
Chris Morris <c.********@durham.ac.uk> wrote:
Harlan Messinger< hm ******************* @ comcast.net>写道：
Harlan Messinger <hm*******************@comcast.net> writes:
" Mel" < JM ** @ redolive.com>写道：
"Mel" <jm**@redolive.com> wrote:
>如果你知道使用CSS和显示功能的动态可扩展文件夹，
>请给我留言
由于CSS没有提供方法与一个元素交互以改变另一个元素的风格，这是不可能的。
>if you know of dynamic expandable folder using CSS and display function,
>please drop me a note
Since CSS doesn''t provide a way for interaction with one element to
alter the style of another element, this can''t be done.
< div class =" upper">
< div class =" lower">
< / div>
< / div>
.lower {/ *默认样式* /}
.upper:hover .lower {/ *改变了风格* /}
<div class="upper">
<div class="lower">
</div>
</div>
.lower { /* default style */ }
.upper:hover .lower { /* altered style */ }
嗯。就鼠标悬停而言，我在技术上是错误的。
这仍然不实用 - 改变的风格很快消失
当你移动鼠标远离上部div。对于
来说，这是一个不错的扩展文件夹主题，它要求扩展
状态的持久性。它还要求通过单击而不是悬停来激活。
基本上需要维护状态 - 打开或关闭 - 每个文件夹的内容为
，CSS不提供此功能。
<浏览器支持显然有所不同。我会毫不犹豫地说上面的请求无法完成，但是如果有可能的话，需要付出相当大的努力来实现它。
Um. As far as mouse-overs are concerned, I was technically mistaken.
This still isn''t practical though--the altered style goes away as soon
as you move the mouse away from the upper div. That''s no no good for
an expanding folder motif, which calls for persistence of the expanded
state. It also calls for activation by click rather than by hover. It
needs basically to maintain state--open or closed--for the contents of
each folder, and CSS doesn''t provide this.
Browser support varies, obviously. I''d hesitate to say the request
above can''t be done, but it''d take quite a bit of effort to get a good
implementation of it if it is possible.
-
Harlan Messinger
从我的电子邮件地址中删除第一个点。
Veuillez ？ter le premier point de mon adresse de courriel。
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ?ter le premier point de mon adresse de courriel.
这篇关于使用CSS而不是Javascript的可扩展动态文件夹？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
