国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大厂| 卢湾区| 林甸县| 东明县| 犍为县| 兴和县| 石台县| 友谊县| 尖扎县| 百色市| 大竹县| 静海县| 东乌珠穆沁旗| 许昌县| 惠来县| 纳雍县| 鱼台县| 武鸣县| 永兴县| 清丰县| 通道| 苍梧县| 高安市| 浦城县| 石渠县| 东城区| 乌拉特前旗| 长垣县| 淅川县| 鹤庆县| 西畴县| 申扎县| 南江县| 古田县| 准格尔旗| 白沙| 衢州市| 黄浦区| 洞头县| 临邑县| 云南省|