查看: 12416|回复: 0

jquery 插件corner实现圆角边框

[复制链接]
发表于 2009-12-18 14:00:12 | 显示全部楼层 |阅读模式
台州网址导航
<!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>

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

演示地址:

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


</html>
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

网站推广
关于我们
  • 台州朗动科技(Tzweb.com)拥有多年开发网站平台系统门户手机客户端等业务的成功经验。主要从事:政企网站,系统平台,微信公众号,各类小程序,手机APP客户端,浙里办微应用,浙政钉微应用、主机域名、虚拟空间、后期维护等服务,满足不同企业公司的需求,是台州地区领先的网络技术服务商!

Hi,扫描关注我

Copyright © 2005-2026 站长论坛 All rights reserved

Powered by 站长论坛 with TZWEB Update Techonolgy Support

快速回复 返回顶部 返回列表