专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »博文摘选 » jquery圆角:jquery 插件corner实现圆角边框 »正文

jquery圆角:jquery 插件corner实现圆角边框

来源: 发布时间:星期五, 2009年10月2日 浏览:140次 评论:0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5.    <title>jQuery Corners</title> 
  6.    <script type="text/javascript" src="jquery.js"></script> 
  7.    <script type="text/javascript" src="jquery.corners.min.js"></script> 
  8.      
  9.    <script type="text/javascript"> 
  10.  
  11.    $( function(){$('.roundedd').corners();})  
  12.    </script> 
  13.      
  14.    <style type="text/css"> 
  15.    .roundedd  
  16.    {  
  17.       background-color:#eeeeee;  
  18.    }  
  19.    </style> 
  20.      
  21. </head> 
  22.  
  23. <body> 
  24. <div style="" class="roundedd"> 
  25. class="rounded {10px}" 
  26. </div> 
  27. </body> 
  28. </html> 

测试时出现了一个BUG问题, background-color:#eeeeee;改成background-color:red; 火狐下没问题, 但在IE中却看不到任何的变化,所以建议大家使用颜色代码RGB!

演示地址:

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

0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: