有可见/不可见文本的翻转示例? [英] examples of rollovers with visible/invisible text?

查看:69
本文介绍了有可见/不可见文本的翻转示例?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

那里,


我正在尝试做某事,问题的一部分是我不知道b $ b知道怎么做描述效果。


一个区块将有一个堆叠在一起的链接列表和

用p标记分隔。

当用户将鼠标悬停在此区块内的任何链接上时,

a链接的描述将略微显示在链接右侧(让我们说1英寸
$链接本身的b $ b(可能包含在一个框内或

边框内)。此链接描述仅在翻转时显示,并且每个

描述将在相对任意距离之外显示

来自原始链接。


我已经基于Eric Meyer的可见悬停

文本技巧实现了它的一个版本(将鼠标悬停在右边的链接:
http://www.idiotprogrammer.com/ ),但看不见的文字出现了

在静止的,而不是相对的地方。两年前我这样做了,现在我想要所有翻转文本相对于原始链接的位置

显示。

任何人都可以向我推荐一些其他好的CSS只有链接/文本的例子
带有可见/不可见文本的
翻转?并告诉我这个

效果的名称是什么?


Robert Nagle

idiotprogrammer

Hi, there,

I''m trying to do something, and part of the problem is that I don''t
know how to describe the effect.

One block will have a list of links stacked over one another and
separated by p tags.

When the user hovers over any link inside this block, a description of
a link will appear slightly to the right of the link (let''s say 1 inch
to the right) of the link itself (perhaps enclosed within a box or
border). This link description will appear only on rollovers, and each
description will be made visible a relative arbitrary distance away
from the original link.

I''ve implemented one version of it based on Eric Meyer''s visible hover
text trick (hover the links on the right:
http://www.idiotprogrammer.com/ ), but the invisible text is appearing
in a stationary, not a relative place. I did this two years ago, and
for now I want all the rollover text to appear relative to the position
of the original link.

Can anyone refer me to some other good css only examples of link/text
rollovers with visible/invisible text? And give me a name for what this
effect is called?

Robert Nagle
idiotprogrammer

推荐答案

www idauthorprogrammer写道:
in comp.infosystems.www.authoring.stylesheets, idiotprogrammer wrote:
那里,

't
知道如何描述效果。


指示您正在做一些过于复杂的事情。

一个区块将有一个堆叠在一起的链接列表,并由p标签分隔。


不正确的HTML,但比你当前的不正确。

当用户将鼠标悬停在此区块内的任何链接上时,描述
链接将显示在链接右侧稍微


使用:悬停和绝对定位。

我已经基于Eric Meyer实现了它的一个版本'可见悬停
文字技巧(将链接悬停在右侧:
http://www.idiotprogrammer.com/ ),


在相对定位的容器中使用绝对位置。

任何人都可以推荐我一些其他好的CSS只有链接/文本翻转的例子有可见/不可见的文本吗?并告诉我这个
效果的名称是什么?
Hi, there,

I''m trying to do something, and part of the problem is that I don''t
know how to describe the effect.
Indicator that you are doing something overly complicated.
One block will have a list of links stacked over one another and
separated by p tags.
Incorrect HTML, but bit less incorrect than your current.
When the user hovers over any link inside this block, a description of
a link will appear slightly to the right of the link
use :hover and absolute positioning.
I''ve implemented one version of it based on Eric Meyer''s visible hover
text trick (hover the links on the right:
http://www.idiotprogrammer.com/ ),
Use absolute position in relatively positioned container.
Can anyone refer me to some other good css only examples of link/text
rollovers with visible/invisible text? And give me a name for what this
effect is called?




如果你能找到笨拙的东西,它应该有效。尝试谷歌搜索

alt.html ...


-

Lauri Raittila< http://www.iki。 FI / LR> < http://www.iki.fi/zwak/fonts>

乌得勒支,NL。



If you can find brucies hover thingy, it should work. Try googling
alt.html...

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.


idiotprogrammer写道:
idiotprogrammer wrote:
那里,

我正在尝试做某事,部分问题是我不知道如何描述一个块将有一个堆叠在一起的链接列表,并用p标签分隔。

当用户将鼠标悬停在该块内的任何链接上时,链接的描述会略微显示在链接右侧的链接(让我们说右边1英寸)(可能包含在一个方框内或
中)边界)。此链接描述仅出现在翻转中,并且每个
描述将在原始链接的相对任意距离之外可见。

我已实现了一个版本的它基于Eric Meyer的可见悬停
文本技巧(将链接悬停在右侧:
http://www.idiotprogrammer.com/ ),但看不见的文字出现在一个固定的,而不是相对的地方。我两年前做过这个,现在我想要所有翻转文本相对于原始链接的位置显示。

任何人都可以将我推荐给其他人好的CSS只有链接/文本的示例
有可见/不可见文本的翻转?并告诉我这个
效果的名称是什么?
Hi, there,

I''m trying to do something, and part of the problem is that I don''t
know how to describe the effect.

One block will have a list of links stacked over one another and
separated by p tags.

When the user hovers over any link inside this block, a description of
a link will appear slightly to the right of the link (let''s say 1 inch
to the right) of the link itself (perhaps enclosed within a box or
border). This link description will appear only on rollovers, and each
description will be made visible a relative arbitrary distance away
from the original link.

I''ve implemented one version of it based on Eric Meyer''s visible hover
text trick (hover the links on the right:
http://www.idiotprogrammer.com/ ), but the invisible text is appearing
in a stationary, not a relative place. I did this two years ago, and
for now I want all the rollover text to appear relative to the position
of the original link.

Can anyone refer me to some other good css only examples of link/text
rollovers with visible/invisible text? And give me a name for what this
effect is called?




名称是CSS弹出窗口(至少我称之为''em' )和

的原因是他们在同一个地方而不是相对的地方,是

可能是你使用的位置:绝对,这是相对于

定位父母。 Haven没有看你的网站,所以我错了,

但是尝试一下如果你使用position:relative而不是绝对

弹出窗口会发生什么。 />

-

Els http:// locusmeus.com/

Sonhos vem。 Sonhos v?o。 Orestoébritfeito。

- Renato Russo -

现在播放:Twarres - 儿童



The name is CSS popups (at least that''s what I call ''em), and the
reason they are in the same place instead of a relative place, is
probably that you used position:absolute, wich is relative to the
positioned parent. Haven''t looked at your site, so I could be wrong,
but try what happens if you use position:relative instead of absolute
for the popups.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
Now playing: Twarres - Children


" idiotprogrammer" <编号************* @ yahoo.com>在消息中写道

news:11 ********************** @ l41g2000cwc.googlegr oups.com ...
"idiotprogrammer" <id*************@yahoo.com> wrote in message
news:11**********************@l41g2000cwc.googlegr oups.com...
那里,

我正在尝试做某事,部分问题在于我不知道如何描述效果。 />
一个块将有一个堆叠在一起的链接列表,并用p标签分隔。

当用户将鼠标悬停在此块内的任何链接上时,描述
链接右侧会略微显示一个链接(让我们说右边的1英寸)链接本身(可能包含在一个框或
边框内)。此链接描述仅出现在翻转中,并且每个
描述将在原始链接的相对任意距离之外可见。

我已实现了一个版本的它基于Eric Meyer的可见悬停
文本技巧(将链接悬停在右侧:
http://www.idiotprogrammer.com/ ),但看不见的文字出现在一个固定的,而不是相对的地方。我两年前做过这个,现在我想要所有翻转文本相对于原始链接的位置显示。

任何人都可以将我推荐给其他人好的CSS只有链接/文本的示例
有可见/不可见文本的翻转?并告诉我这个
效果的名称?

Robert Nagle
idiotprogrammer
Hi, there,

I''m trying to do something, and part of the problem is that I don''t
know how to describe the effect.

One block will have a list of links stacked over one another and
separated by p tags.

When the user hovers over any link inside this block, a description of
a link will appear slightly to the right of the link (let''s say 1 inch
to the right) of the link itself (perhaps enclosed within a box or
border). This link description will appear only on rollovers, and each
description will be made visible a relative arbitrary distance away
from the original link.

I''ve implemented one version of it based on Eric Meyer''s visible hover
text trick (hover the links on the right:
http://www.idiotprogrammer.com/ ), but the invisible text is appearing
in a stationary, not a relative place. I did this two years ago, and
for now I want all the rollover text to appear relative to the position
of the original link.

Can anyone refer me to some other good css only examples of link/text
rollovers with visible/invisible text? And give me a name for what this
effect is called?

Robert Nagle
idiotprogrammer




这很容易通过设置

你的图层(也就是div)的位置以及百分比值来完成Dreamweaver。


这是另一种可能性,不完全是什么你问过但是它可能会给你一些想法,请参阅下面的内容:

祝你好运,




< a href ="#" title ="把你的弹出消息放在这里>>将光标悬停在这个

链接上以查看弹出消息< / a>



This can easily be accomplished in Dreamweaver by setting the position of
your layer (aka div) with a percentage value.

Here''s another possibility, not exactly what you asked for but it might give
you some ideas, see below:
Good Luck,
me

<a href="#" title="Put your pop up message here">Hover your cursor over this
link to see a popup message</a>


这篇关于有可见/不可见文本的翻转示例?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆