`
jy00314996
  • 浏览: 72628 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

jquery 插件corner实现圆角边框

jQueryJavaScriptIEXHTMLCSS 
阅读更多

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>    
    <title>jQuery Corners</title>    
<script type="text/javascript" src="jquery.js"></script>    
<script type="text/javascript" src="jquery.corners.min.js">
</script>         
<script type="text/javascript">     
$( function(){$('.roundedd').corners();})     
</script>         
<style type="text/css">   
 .roundedd     {       
 background-color:#eeeeee;   
  }     
</style>      
</head>  
<body> 
<div style="" class="roundedd"> class="rounded {10px}" </div> </body> 
</html>

 

我测试了一下发现一个问题bug：若background-color:#eeeeee;写成background-color:red;或 background-color:yellow;在火狐没问题，如果是IE的话就看不到效果了，所以建议用颜色RGB代码。

演示地址：

http://www.malsup.com/jquery/corner/

分享到：
| 各种效果的jquery ui(接口)介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics