国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery插件corner實現圓角邊框的方法

2019-11-20 13:00:18
字體:
來源:轉載
供稿:網友

本文實例講述了jquery插件corner實現圓角邊框的方法。分享給大家供大家參考。具體如下:

復制代碼 代碼如下:
<!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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平度市| 江西省| 白水县| 遂溪县| 青铜峡市| 潜山县| 香格里拉县| 福贡县| 曲沃县| 石家庄市| 佛学| 冷水江市| 曲阳县| 收藏| 肇东市| 西吉县| 漠河县| 尼木县| 焦作市| 奉节县| 荥阳市| 安多县| 藁城市| 华阴市| 临汾市| 延庆县| 台前县| 内乡县| 天祝| 五指山市| 东莞市| 额敏县| 鄂尔多斯市| 荣昌县| 土默特左旗| 东兴市| 武强县| 山东省| 唐河县| 竹北市| 章丘市|