Javascript:如何创建一个圆角标签菜单?
嗨,伙计们,你知道我可以下载的任何圆角选项卡吗?或者我怎样才能创建一个这样的标签?是否需要在选项卡菜单中使用图像?我用过:
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
但它并不完美。你知道有关圆角标签的有用链接/教程吗?
感谢提前:)
干杯, 马克
最漂亮的圆角总是会被那些使用图像来完成。还有什么是浏览器的最佳尝试,这可能不是你想要的。仅使用图像也更容易。
你只需要一个小图像为每个角落,另一个花砖图像的边缘其余部分。把它全部插入CSS类,你很好走。
尚未被所有浏览器都支持,但是你可以使用CSS3来,而不需要图像或JavaScript很容易地显示圆角:
<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px;">
Rounded corners!
</div>
更多信息:http://www.css3.info/preview/rounded-border
这应该允许适度的降级在较旧的浏览器中(只是不会显示为圆整),但如果要确保所有用户都具有相同的体验,我仍然倾向于使用图像。
我已经在使用该功能,但是您无法使用该功能在我张贴的图片中创建舍入的javascript选项卡。 – marknt15 2009-08-13 02:44:31
为什么不使用jQuery UI?他们有很好的圆形标签。 请参阅http://jqueryui.com/themeroller/#themeGallery
jQueryUI只在本地支持它们的浏览器上具有圆角(Mozilla Firefox和Webkit帮派) – 2009-08-10 13:40:47
因为jQuery UI选项卡在Drupal的fieldset手风琴中有冲突。 – marknt15 2009-08-13 02:45:25
感谢您的建议马修。我试图找到具有圆角的JS标签,并且容易定制,但是我找不到一个。我将只创建我自己的圆形标签和我自己的JS选项卡的图像。 我在想这个标签菜单的背景是一个应用了滑动门技术的图像,这样一个非常大的文字将被图像背景覆盖。 – marknt15 2009-08-10 03:41:49