`

jQuery Corners实现圆角元素的好插件!

阅读更多

文档介绍

http://www.atblabs.com/jquery.corners.html

 

参数设置通过一个string. 例如: "6px transparent top";

5px
设置转角的半径 Default is 5.
10px 6px
设置X和Y半径用不同的值.
anti-alias
设置反走样.默认的.
transparent
透明的,为了背景图片和回旋设置,使用这个透明选项
For background images or hover states, use this transparent style.
no-native
          关闭所有的边界半径扩展,大多数情况想ia是为了测试
Disables all of the following border-radius extensions. Mostly used for testing.
webkit
          使用-webkit-border-radius属性为了去兼容 Safari和 iPhone
Enables use of -webkit-border-radius on compatible browsers such as Safari and iPhone. Currently disabled for Google Chrome. Default.
no-webkit
Will not use -webkit-border-radius on any browser.
mozilla
Enables use of -moz-border-radius on Firefox 3+ and other Mozilla based browsers. Default.
no-mozilla
Will not use -moz-border-radius on any browser.
top
right
bottom
left
top-left
top-right
bottom-left
bottom-right
Mix and match to round only specific corners.
分享到:
评论

相关推荐

    jquery corners 圆角插件

    《jQuery Corners圆角插件详解与应用》 在网页设计中,圆角效果往往能够为界面增添一份优雅和精致,然而在CSS2时代,实现圆角并非易事,需要编写大量的CSS代码。jQuery Corners插件的出现,极大地简化了这一过程,...

    jquery 圆角插件 jquery-corners-0.3.zip

    在jQuery-corners插件中,我们可以看到它提供的主要功能是通过CSS3的border-radius属性来实现元素的圆角效果,对于不支持此属性的老版本浏览器,它会使用内嵌的图片或者JavaScript动态创建元素来模拟圆角。...

    jQuery Canvas Rounded Corners - jQuery圆角插件

    而`jquery.corners.js`则是jQuery圆角插件的主要脚本,它包含实现圆角效果的函数和逻辑。 在页面中引入这些文件后,可以通过jQuery选择器选取需要添加圆角效果的元素,并调用`.corners()`方法来应用插件。例如: `...

    jQuery圆角插件:jquery.corners.js

    总结一下,`jquery.corners.js`是jQuery的一个圆角插件,它使开发者能够轻松地在网页元素上实现圆角效果,尤其对不支持CSS3的浏览器有很好的兼容性。通过调用`corners()`方法并配置相应的参数,我们可以创建各种...

    jQuery插件之圆角插件.

    在本例中,我们关注的是“jQuery插件之圆角插件”,这是一个专门用于为HTML元素添加圆角效果的工具。在早期的Web开发中,创建圆角效果需要复杂的CSS技巧或者使用图像来模拟,这增加了开发的复杂性和工作量。然而,...

    jQuery Corners

    jQuery Corners是一款基于jQuery库的插件,专用于为网页元素添加圆角效果。这款插件使得在不依赖CSS3的情况下,实现浏览器兼容性的圆角效果变得轻而易举。在早期的Web开发中,由于CSS3的支持并不广泛,jQuery ...

    jquery 圆角插件 corners 0.3 与实例.rar

    jquery corners 圆角插件,用于修饰各种各样的角为圆角,比如Div边框、TAB按钮、区域边框等,以前有款圆角插件同样也是基于jquery的,好像叫做jQuery Corner,名字也很有相似哦,有希望的可以看看这两款有何不同,...

    ie js实现圆角

    jQuery UI提供了一个名为Corner的插件,它可以轻松地为元素添加圆角效果。只需调用`$.fn.corner()`方法并设置适当的参数,例如:`$("#element").corner("10px");`。但需要注意的是,这个插件可能会影响页面性能,...

    jquery圆角等

    2. **jQuery的圆角插件**: 虽然CSS3的`border-radius`在大部分现代浏览器中都支持,但为了兼容旧版本浏览器,开发者可能需要使用jQuery的圆角插件,如jQuery UI中的`.corner()`方法或者jQuery Corners插件。...

    jquery圆角插件

    "jQuery 圆角插件"就是这样一个工具,它专门为 jQuery 设计,帮助开发者轻松实现元素边框的圆角效果。 jQuery 插件通常是一段预先编写好的代码,通过与 jQuery 库结合,扩展了其原有的功能。对于“jQuery 圆角插件...

    JQUERY圆角矩形

    首先,jQuery 实现圆角矩形主要是通过 CSS3 的 `border-radius` 属性,但为了兼容不支持此属性的老版本浏览器,我们可以借助于 jQuery 插件来完成。`border-radius` 属性允许我们设置元素边框的圆角半径,创建出圆形...

    jquery实现圆角特效代码

    除了 jQuery UI 的 Corner 插件,还有许多其他第三方的 jQuery 圆角插件,如 "jQuery Corners" 或 "jQCloud" 等。这些插件可能提供更丰富的功能,比如动态圆角调整、兼容更多浏览器等。 值得注意的是,随着浏览器对...

    jquery插件corner实现圆角边框的方法

    知识点: 1. jQuery插件corner的基本概念:corner是一个jQuery插件,可以使得HTML元素拥有圆角边框的...通过对这些知识点的学习和掌握,开发者可以更好地利用corner插件来实现圆角边框效果,提高开发效率和用户体验。

    JQeruy实现圆角

    对于不支持`border-radius`的旧版浏览器,可以使用jQuery的圆角插件,如jQuery UI的`.corner()`方法。同时,确保引入了相应的jQuery库和插件文件,例如`jQuery.js`和`jquery.corner.js`。 在提供的压缩包中,`...

    jQuery各种插件

    jQuery圆角插件如jQuery Corners、jQuery Rounded Corners等简化了这一过程,适用于不支持CSS3的老版本浏览器。 9. **综合类插件**:像jQuery UI就是一个包含多种组件的综合库,包括日期选择器、对话框、拖放等,...

    JS实现圆角效果

    不过,如果你需要兼容旧版浏览器,或者需要动态改变圆角大小,JavaScript库如jQuery Corner或Rounded Corners Trix等可以提供帮助。这些工具通常使用JavaScript和CSS结合,通过添加或修改元素的类名来实现圆角效果,...

    Jquery api

    2. **jquery.corner-min.js**: 这是一个 jQuery 插件,可能是 jQuery Corners,用于为 HTML 元素添加圆角效果。"min" 表示这是经过压缩的版本,用于优化页面加载速度。 3. **jquery.dimensions.js**: 这也是一个 ...

Global site tag (gtag.js) - Google Analytics