用于文本缩放的 jQuery 插件?

发布于 2024-08-20 13:16:49 字数 92 浏览 5 评论 0原文

有人知道用于文本缩放的 jQuery 插件吗? MAC OS X“地址簿”中的“大字体”功能?我会在相同的情况下使用它 - 单击后显示全屏电话号码。

干杯

anyone knows a jQuery plug-in for text zoom a-la MAC OS X "Large Type" function in Address Book? I'd use it for the same situation - to show full-screen phone number after clicking on it.

Cheers

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

笔芯 2024-08-27 13:16:49

我最近从我正在构建的应用程序中提取了一个 jQuery 插件,它正是这样做的。 http://zoomabletype.tatey.com/

I recently extracted a jQuery plugin out of an application I'm building that does exactly this. http://zoomabletype.tatey.com/

长途伴 2024-08-27 13:16:49

您可以使用 jQuery BlockUI 插件 来创建这种“大字体”效果。检查示例并使用自定义 css 来显示 ph。数字。

You can use jQuery BlockUI plugin to create this kind of "Large Type" effect. Check samples and use custom css to show ph. numbers.

凉城已无爱 2024-08-27 13:16:49

尝试寻找 工具提示插件 - 他们我认为在你的情况下会做得很好,但是......

我建议DIY

自己写一个插件来做到这一点:

  1. 将一个div附加到body上,
  2. 给它一个类,你可以用它来CSS,
  3. 把$(this).text( ) 到新添加的 div 中(因此您必须保留引用;) )
  4. 绑定 onclick ,这将破坏覆盖的 div

提示:
var thething = $('').addClass('mysomething').appendTo('body'); // 效果很好

.thething{
位置:固定;
顶部:200 像素;
左:200 像素;
不透明度:0.8;
某些东西过滤某些东西alpha某些东西80 for IE7
甚至更多的东西你需要谷歌过滤一些东西alpha一些东西80 for IE8

有效;)

Try looking for tooltip plugins - they would do well in Your case I think, but...

I suggest DIY

Just write yourself a plugin that does this:

  1. append a div to body
  2. give it a class that You use to css the thing well
  3. puts $(this).text() into the new added div (so You have to keep the reference ;) )
  4. binds onclick that will destroy the covering div

tips:
var thething = $('').addClass('mysomething').appendTo('body'); //works nice

.thething{
position: fixed;
top: 200px;
left: 200px;
opacity: 0.8;
something something filter something alpha something 80 for IE7
even more something something that You need to google filter something alpha something 80 for IE8
}

and it works ;)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文