Pinyin 工具提示

前阵子Matt来自 Metanoiac 问我如何处理玛雅吧提示。当时我很忙,无法回复,但由于也许其他人对我的操作方式感兴趣,所以我’我会在这里公开解释。 (警告: 对于那些没有中文相关博客的人来说,这将是一个漫长而无聊的帖子。)

没错

“Tooltips”是将鼠标悬停在某些元素上时弹出的小文本框。左图是一个例子。 Internet Explorer(IE)用户可能习惯于使用 alt 属性 to add tooltips to photos, but this is actually a web design no-no. Non-IE browsers do not display alt 属性s as tooltips (this is not the 在 tended purpose of alt), and anyway, alt 属性s don’t work for non-photo elements like 文本. The correct 属性 to use is the title 属性.

So you need to use the title 属性 to get the tooltip, but what 标签 它在里面,如何获得虚线下划线和问号光标?您需要使用 的CSS 为了那个原因。

标签你’ll use is span. All you have to do is define a span class 在 your 的CSS. I call mine “info” because it doesn’不必仅用于玛雅吧提示。

span.info {
   border-bottom:1px dotted #00AAFF;
   cursor: help;
   }

这意味着下划线(实际上定义为边框)为1像素厚。“#00AAFF”是它的颜色。 onmouseover游标值定义为“help“,导致问号效果。

然后,您可以像这样在HTML中使用它:

<span class="信息">text</span>

结果:
文本

This will give the underline and cursor effect, but not the tooltip. You still need to add 在 the title 属性:

<span class="信息" title="玛雅吧">text</span>

结果:
文本

I’我猜想你也想要玛雅吧标记。为此,你’我们需要确保您的网页使用Unicode编码(大多数人使用UTF-8)*。

对于实际的玛雅吧,我使用 玛雅吧转Unicode 转换器在 笨蛋’s Workshop。它’非常易于使用。输入“zhong1wen2”然后单击转换。你得到“zhōngwén”背部。然后,您只需复制并粘贴。简单。

这里’复制和粘贴后HTML的外观:

<span class="信息" title="w">中文</span>

结果:
中文

但是,这确实意味着您’您必须为每个要提供玛雅吧的单词转换玛雅吧,这有点麻烦。但是结果很好。

还有’值得注意的是,该工具提示在某些旧计算机或使用奇怪字体的浏览器上的显示效果不佳。它’对很多人都有帮助,但是您可能不知道’不想使其成为您设计的核心。

*这是指您的网页中’s html the <head> section should 在 clude the following metatag:

<meta http-equiv="Content-Type" content="文本/html;charset=UTF-8" />

如果您的网页是用Unicode编码的,而您’re using 可动类型 like me, it will make your life easier if the default encoding of your edit screen is also Unicode. To do that, just edit the mt.cfg file. You need to find “PublishCharset“。对我来说,它位于313行(共457行)中。您的应该相似。取消注释该行(删除‘#’) and change it to:

PublishCharset UTF-8

谢谢 约翰 B最初向我展示了如何执行此操作。

分享

约翰·帕斯登

约翰(John)是上海的语言学家和企业家, 全集学习.

评论

  1. 非常有用的信息–thanks. I think I’现在必须回去重做我的页面–在字符旁边输入玛雅吧和玛雅吧是很痛苦的。这样好多了。

  2. ?我不明白。如果您使用像NJStar这样的Unicode玛雅吧程序,它将创建一个Unicode,NJstar可以读取&其他中文操作系统(尽管如此)。

    (约翰·约翰逊,你能为我做点什么吗?告诉多拉禁止饮酒。这都是我的错-)

  3. Chappie,是的,您可以使用NJStar和许多其他工具来创建未编码的玛雅吧,但也倾向于使用The Fool’John链接到的Workshop转换器,因为我很少打开其他工具(但总是打开Web浏览器)。

  4. anon-y-mous-perv说: 2004年9月27日,上午11:54

    该死的,谁’照片中的女孩?

  5. 匿名

    嗯,我似乎还记得原来帖子中提到的那个问题。 (这些评论丢失了,因为当时它们在Haloscan上。)

    她’是一些日本模特。我不知道她是谁。

发表评论