圆角 Div

下载 round_corner_div1.zip - 6.4 KB

引言

这段 Javascript 代码可以帮助您创建具有圆角的 Div，而无需使用图像和 .css 文件。 几行 Javascript 代码就可以动态地为 Div 创建圆角。 只需将参数（Div ID 以及要圆化的角，例如 LT=左上角，RT=右上角，LB=左下角，RB=右下角）传递给 Javascript 函数即可。 附带的示例文件 round_corners_div.aspx 将显示一些示例。 此 Javascript 代码仅在 Microsoft Internet Explorer 6.0 版本和 VWD 2005 Express Edition 环境下进行了测试。 这段 Javascript 代码是免费提供的，希望它能有所帮助，但不提供任何形式的保证。

背景

好的，这段代码的背景是为了让您的 Div 标签看起来更美观，具有圆角。 我一直在网上搜索可以圆化 Div 标签角，而无需使用图像的 Javascript 代码，但没有找到直接、简洁和简单的代码，因此我决定自己编写。

使用代码

将 Javascript 函数复制并粘贴到网页中，然后像示例文件 round_corners_div.aspx 中所示那样从 body 标签调用它。

这些 Javascript 函数非常简单和灵活。 灵活之处在于，您可以选择要圆化 Div 标签的哪个角。

下载并解压缩附件。 包含 Javascript 和 HTML 代码的主要文件名为 'round_corners_div.aspx'。 另一个文件 round_corners_div.gif 是输出的屏幕截图。

关注点

这很酷。 您无需使用图像或 .css 文件来圆化任何 Div 元素的角。 几行代码就可以动态地圆化 Div 的角。

它仅适用于 IE6.0。

历史

创建者：Muhammad Shoaib

创建于：2007 年 9 月 7 日