您现在的位置： 365建站网 > 365文章 > jquery 插件corner实现圆角边框

jquery 插件corner实现圆角边框

文章来源：365jz.com     点击数：1004    更新时间：2009-10-04 11:13   参与评论
  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/

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛

您可能感兴趣的文章:

发表评论 (1004人查看，0条评论)
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。
昵称：
最新评论
------分隔线----------------------------
大家感兴趣的内容
最近更新的内容

公司信息

· 网站介绍
· 联系我们
· 加入我们
· 服务条款

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间：9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号